jQuery基于BootStrap样式实现无限极地区联动(jqueryui draggable)

编辑：rootadmin

推荐整理分享jQuery基于BootStrap样式实现无限极地区联动(jqueryui draggable)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery基于属性的面包屑导航,jquery pop,jquery基于属性的面包屑导航,jqueryui draggable,jquery基于属性的面包屑导航,jquery pop,jquery基于属性的面包屑导航,jquery pop,内容如对您有帮助，希望把文章链接给更多的朋友！

HTML 部分<div class="row" style="margin:px auto;"><form method="post"><div class="col-md-" id="area"><div class="col-md-2 pr0"><select name='area[]' num='0' class="form-control input-sm select" id="main" onchange="change(this)"><option>请选择地区</option></select></div></div><button type="submit">tijiao</button></form></div>

js部分<script>// 首次获取 ajax数据$.get(" {id:'0'},function(data){var option="<option value=''>请选择</option>";var list=data.data;for(var key in list){// console.log(key);// console.log(data[key].areaname);option+="<option value='"+key+"'>"+list[key].areaname+"</option>";}$('#main').html(option);},'jsonp');function change(event){$('.select').each(function(i){//清除重选后的老节点console.log($(event).attr('num'));if($(this).attr('num')>$(event).attr('num')){$(this).parent().remove();}})var sel=$('.select').index($(event))+1;var id=$(event).val();$.ajax({type: "get",dataType:"jsonp",url: " {id:id},sync: false,//设置为同步success: function(data){console.log(data);var list =data.dataif(data.state==='1'){var option="<option value=''>请选择</option>";for(var key in list){option+="<option value='"+key+"'>"+list[key].areaname+"</option>";}//$('#tmp').html(option);//tmp=option$('<div class="col-md-2 pr0"><select name="area[]" num="'+sel+'" class="form-control input-sm select" onchange="change(this)">'+option+'</select></div>').appendTo('#area');}}});}</script> 后端返回的数据为{state:1,data:{{1:{areaname:"呼和浩特市"id:""level:"2"pid:""　}...}}

Jquery遍历select option和添加移除option的实现方法如下所示：functionchangeShipMethod(shipping){varlen=$("select[name=ISHIPTYPE]option").lengthif(shipping.value!="CA"){$("select[name=ISHIPTYPE]option").each(function(){if($(this).val()==){$(thi

jQuery实现微信长按识别二维码功能最近一直在搞一个微信开发的项目，终于快要完工了，今天小编抽个时间记录下在项目开发过程中遇到jquery.qrcode.min.js生成二维码长按不识别的解决方法

利用jQuery的动画函数animate实现豌豆发射效果先来看看效果图豌豆射手，草坪还有子弹都是现成的图片，1.jQuery是库还是框架？jQuery可以说是现在最流行的一个js类库，而非框架。之前在知乎上看到