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数据中的数组中存放的学校名字。


浙公网安备 33010602011771号