<script type="text/javascript"> $(function(){ $.ajax({ type:"get", url:"findprovice", dataType:"json", success:function(data){ var obj=$("#provice"); for (var i=0;i<data.length;i++){ var ob="<option value='"+data[i].pid+"'>"+data[i].pname+"</option>" obj.append(ob); } } }); }); </script> <select id="provice" name="provice"> <option>请选择</option> </select>省 <select id="city" name="city"> <option>请选择</option> </select>市 <select id="county" name="county"> <option>请选择</option> </select>区 <script type="text/javascript"> $("#provice").change(function(){ $("#city option").remove(); $.ajax({ type:"get", url:"findcity?pid="+$("#provice").val(), dataType:"json", success:function(data){ var obj=$("#city"); for (var i=0;i<data.length;i++){ var ob="<option value='"+data[i].cid+"'>"+data[i].cname+"</option>" obj.append(ob); } } }); }); </script> <script type="text/javascript"> $("#city").change(function(){ $("#county option").remove(); $.ajax({ type:"get", url:"findcounty?cid="+$("#city").val(), dataType:"json", success:function(data){ console.log(data); var obj=$("#county"); for (var i=0;i<data.length;i++){ var ob="<option value='"+data[i].ccid+"'>"+data[i].cCname+"</option>" obj.append(ob); } } }); }); </script>
三级联动ajax
最新推荐文章于 2024-07-30 20:50:32 发布