<script type="text/javascript">
function selectChange(areaId){
//拿到当前点击的id。然后传到后台
$("#areaSel_id").empty();
//var areaId=$("#select option:selected").val();
$.ajax({ //一个Ajax过程
type: "get",
contentType: "application/json; charset=utf-8",
url : "<%=path%>/admin/gradeCourse/getFoursShop",
data: {
"areaId":areaId,
},
dataType:'json',
success: function (data) {
var obj= eval("("+data+")");
var optionstring = "<option selected>--请选择--</option>";
$.each(obj,function(i,v){
optionstring += "<option name='foursShop.id' value=\"" + obj[i].id + "\" >" + obj[i].name + "</option>";
});
$("#foursShopid").append(optionstring);
},
error : function() {
alert("错误!");
}
});
}
</script>
区域:
<select
οnchange="selectChange(this.options[this.options.selectedIndex].value);">
<!--
<input type="hidden" name="areaId" id="areaId" value="">
-->
<option selected>
--请选择--
</option>
<c:forEach var="area" items="${areaList}">
<option name="area.id" value="${area.id}">
${area.name}
</option>
</c:forEach>
</select>
4S店:
<select id="foursShopid" name="foursShop.id" class="form-input">
<select id="areaSel_id" name="areaSel"
οnchange="getFoursShopId(this.options[this.options.selectedIndex].value);"
class="form-input">
<option selected>
--请选择--
</option>
</select>
</select>