<div class="form_div" id="address">
<input type="hidden" id="settingaddress" value="{{$province}}">
<label>所在地:</label>
<select id="province" name="province">
<option>{{$address[0]}}</option>
</select>
<strong>省</strong>
<select id="city" name="city">
<option>{{$address[1]}}</option>
</select>
<strong>市</strong>
</div>
<input type="hidden" id="settingaddress" value="{{$province}}">
<label>所在地:</label>
<select id="province" name="province">
<option>{{$address[0]}}</option>
</select>
<strong>省</strong>
<select id="city" name="city">
<option>{{$address[1]}}</option>
</select>
<strong>市</strong>
</div>
2、省的onchange方法动态加载市
jquery $("#city").change(function(){
$("#city").post(url,function(data){
var obj=eval('('+data+')'); //data就是返回的json
$(obj).ecah(function(){
$(this).attr(这里就是json字段)//在这里处理就好了。
});
});
});
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT LANGUAGE="JavaScript">
<!--
// 数据源
var dataOneTwo = {"rows":[
{"text":"浙江",value:0,"items":[{"text":"杭州",value:1},{"text":"宁波",value:2}]}
,{"text":"安徽",value:3,"items":[{"text":"黄山",value:4},{"text":"芜湖",value:5}]}
,{"text":"福建",value:6,"items":[{"text":"厦门",value:7},{"text":"福鼎",value:8}]}
]}
window.onload=function(){
bindData("one",dataOneTwo.rows);
bindEvent();
}
// 绑定数据
function bindData(selDomId,items){
var sel = document.getElementById(selDomId);
var opts = sel.options;
sel.innerHTML = '';
opts.add(new Option("--请选择--",""))
for(var i=0,len=items.length;i<len;i++){
opts.add(new Option(items[i].text,items[i].value))
}
}
function bindEvent(){
bindSelectEvent("one",dataOneTwo,"two");
} // 绑定select事件
function bindSelectEvent(domId,srcData,childId){
var sel = document.getElementById(domId);
sel.onchange=function(){
var items = findChild(this,srcData);
bindData(childId,items);
}
} // 找到子节点数据
function findChild(dom,srcData){
var rows = srcData.rows;
var value = dom.value;
for(var i=0,len=rows.length;i<len;i++){
if(value == rows[i].value){
return rows[i].items;
}
}
return [];
}
//-->
</SCRIPT> </HEAD>
<BODY>
<select id="one" name=one> </select>
<select id="two" name=two> </select> </BODY>
</HTML>
把json数据里的所有省份 通过遍历函数 全部读取出来
再通过省份的onchange事件
只要一改变 json对应的市也改变
现在只要是能够准确提取到省和市的json的数据 就好写了