首页 > Web开发 > 详细

jquery 二级联动

时间:2017-04-09 18:27:29      阅读:463      评论:0      收藏:0      [点我收藏+]
<tr>
<td class="tdwidth">城市:</td>
<td><select id="province" name="" style="width:175px;height:26px;" onchange="fuc()" >

</select> &nbsp;
<select id="city" name="" style="width:175px;height:26px;"> 
</select> </td>

</tr>

<script type="text/javascript">
$(document).ready(function () {
htmlobj = $.ajax({ url: "../img/json.js", async: false });
$.each(jQuery.parseJSON(htmlobj.responseText), function (index, content) { 
$("#province").append($("<option value=\"" + content.name + "\">" + content.name + "</option>")); 
});
$("#city").append($("<option value=\"1\">请选择</option>"));
});
function fuc() {
htmlobj = $.ajax({ url: "../img/json.js", async: false });
$("#city").html("");
$.each(jQuery.parseJSON(htmlobj.responseText), function (index, content) {
if (content.name == $("#province").val()) {
$.each(content.sub, function (i, contex) {
$("#city").append($("<option value=\"" + contex.name + "\">" + contex.name + "</option>"));
});
}
});
} 
</script>

 

jquery 二级联动

原文:http://www.cnblogs.com/lushixiong/p/6685555.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!