jquery與AJAX實現二級聯動執行個體(對中文處理比較好)

所謂二級聯動，其實稍微懂點js的都不陌生，關於二級聯動的實現，不使用JQ，而是原生態的JS些，效率會更好，但是個人感覺用JQ寫的話，思路會清晰點。

代碼：html部分

<select name=”” id=”province”><option>請選擇</option><option value=1>廣東</option><option value=2>湖南</option></select><select name=”” id=”city”><option>請選擇</option></select>JQ部分<script type=”text/javascript”>$(document).ready(function () {$(“#province”).change(function () {$.ajax({type: “post”,url: “Index/city?id=”+$(this).val(),datatype: “json”,success: function (data) {var sm = eval(data);var str='<option>請選擇</option>';for(i=0;i<sm.length;i++){str+='<option value=’+sm[i].id+’>’+sm[i].name+'</option>';}$(“#city”).html(str);}});});});</script>

選擇省份後，將省份的ID傳遞給city頁面，然後從資料庫中查詢到該省份下面所有的城市,然後返回JSON資料（data），例如選擇廣東後，返回的JSON資料格式為：

[{“id”:”3″,”pid”:”1″,”name”:”\u5e7f\u5dde”,”ename”:”guangzhou”},{“id”:”4″,”pid”:”1″,”name”:”\u6df1\u5733″,”ename”:”shenz”},{“id”:”5″,”pid”:”1″,”name”:”\u4e2d\u5c71″,”ename”:”www.111cn.net”}]