GET 和POST的区别: 1、get是从服务器上获取数据,post是向服务器传送数据。 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。 $.post()方法痛过 HTTP POST请求从服务器上请求数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>城市选择框</title> <link rel="stylesheet" href="css/index.css" /> <style> *{ margin: 0; padding: 0; border-box: box-sizing; } html,body{ width: 100%; height: 100%; } .not{ width: 600px; height: 30px; margin: 100px auto 0; } .select{ float: left; width: 150px; height: 100%; margin-left: 50px; line-height: 30px; } </style> </head> <body> <div class="sox"> <select class="provice" id="proviceId"> <option>--选择省--</option> </select> <select class="provice" id="city"> <option>--选择城市--</option> </select> <select class=" provice" id="code"> <option>--城市编码--</option> </select> </div> <script src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript"> var cityId = null; $.get("city.json", function(data,status){ for (var i = 0; i < data.城市代码.length; i ) { var name = (data.城市代码[el].省); $("#proviceId").append("<option value=" el ">" name "</option>"); }; $("#proviceId").change(function() { $("#city").html("<option>--市--</option>"); cityId = ($("#proviceId").val()); for (var i = 0; i < (data.城市代码[cityId].市).length; i ) { var city = (data.城市代码[cityId].市[i].市名); $("#city").append("<option value=" i ">" city "</option>"); } }); $("#city").change(function() { $("#code").html(""); var cityIda = ($(this).val()); var code = (data.城市代码[cityId].市[cityIda].编码); $("#code").append("<option value=" cityIda ">" code "</option>"); }) }) </script> </body> </html> 来源:http://www./content-4-25171.html |
|