省と地のカスケード
1334 ワード
1、省と地市級聯を設計するJS
<script type="text/javascript">
/**
*
*/
function cityData(proId)
{
//
$("#cityId").empty();
//
$("#cityId").append("<option value=''> </option>");
/** **/
$.ajax({
dataType:"POST",
url:"../page/city.action:?proId="+proId,
type:"json",
success:function(data){
for(var i=0;i<data.items.length;i++)
{
$("#cityId").append("<option value=" + data.items[i].id + ">"
+ data.items[i].name + "</option>");
}
}
});
}
/**
*
*/
function proType()
{
var proId = $("#proId").val();
$("#cityId").empty();
if(proId == "")
{
cityData(proId);
}
else
{
$("#cityId").append("<option value=''> </option>");
}
}
</script>
2、省と地市級聯のページを設計する.<label> :</label>
<select id="proId" onchange="proType()"></select>
<label> :</label>
<select id="cityId"></select>