二级联动

 

<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

onchange="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"

onchange="getFoursShopId(this.options[this.options.selectedIndex].value);"

class="form-input">

<option selected>

--请选择--

</option>

</select>

</select>