jQuery.getJSON取值

  今天在做项目的时候发现jQuery.getJSON取值一直失败。最后才发现是存值的js的文件中少了一个"["号!!

正确写法应该是 {"北京市":["101","102"],"天津市":["103","104"],"上海市":["105","106"]}  

然后就是根据<select></select>标签用jQuery.getJSON取值 。取到的值显示在页面的a标签内,并可以点击,

显示点击的值。代码如下:

引入:<script src="jquery-1.4.4.min.js" type="text/javascript"></script> 

<body>
<script type="text/javascript">
var aclick=function(t){
alert(t);
};
$(function(){
$("#qz").click(function(){
var c="";
$("#showmessage").html(c);
var pro=$("#sele").val();     //将select标签的值赋给变量
$.getJSON("school.js", function(json){
$(json[pro]).each(function(index,jj){  //开始以为json.pro就可以取数组的值,但是发现取值不能用变量。最后发现可以这样写 json[pro]

c+="<a href='#' onclick='aclick(this.title)' title="+json[pro][index]+">"+json[pro][index]+"</a>"+"<br/>";

});
$("#showmessage").html(c);
});
});
});
</script>
<select id="sele"><option>北京市</option><option>天津市</option><option>上海市</option></select>
<br />
<input type="button" id="qz" value="取值" /><div id="showmessage"></div>

</body> 

最关键的还是json[pro]这个写法!这是做一个类似人人网的根据省份选择学校的项目。其中json数据中的数组中存放的学校名字。 

 

posted @ 2011-01-10 17:07  GeliBear  Views(1512)  Comments(0)    收藏  举报