jquery代碼
| 代碼如下 |
複製代碼 |
$(document).ready(function(){
$("#house_city").change(function(){
var val=$(this).val();
$.post("/ajax/city_ajax",{id:val},function(data){
$("#house_area").html(data);
})
}); |
html代碼
| 代碼如下 |
複製代碼 |
<li><span class="name"><b>*</b>意向城市：</span> <select name="yxcs" class="city" id="house_city">
<option value='0'>請選擇</option>
<option value="1">蘇州</option>
<option value="2">南通</option>
<option value="3">常州</option>
<option value="4">南京</option>
<option value="5">無錫</option>
<option value="6">徐州</option>
<option value="7">金華</option>
<option value="8">宿遷</option>
<option value="9">重慶</option>
<option value="10">福州</option>
<option value="11">長沙</option>
<option value="12">成都</option>
<option value="13">貴陽</option>
<option value="14">昆明</option>
<option value="15">青島</option>
<option value="16">南昌</option>
<option value="17">九江</option>
<option value="18">贛州</option>
<option value="19">大連</option>
<option value="20">大同</option>
<option value="21">溫州</option>
<option value="22">杭州</option>
<option value="23">寧波</option>
<option value="24">武漢</option>
<option value="25">西安</option>
<option value="26">合肥</option>
<option value="27">長春</option>
<option value="28">哈爾濱</option>
<option value="29">烏魯木齊</option>
<option value="51">瀋陽</option>
<option value="52">上海</option>
<option value="53">濟南</option>
</select>
<select name="yxqy" class="city" id="house_area">
<option value='0'>請選擇</option>
</select></li> |
php檔案操作簡單
只要查詢資料庫然後返回<option value="1">天心區</option>即可了。
