具体说明如下,可能有些麻烦,希望能给代码写的详细些
步骤1.后台传一个省份的名称;
步骤2.下拉框如果选择这个省份;
步骤3.下面的市区下拉框可以选择对应的市区;
如果,步骤2选择的是别的省份,步骤3置灰不可选。
其实就是跟着步骤1的值作出相应选择,
具体说明如下,可能有些麻烦,希望能给代码写的详细些
步骤1.后台传一个省份的名称;
步骤2.下拉框如果选择这个省份;
步骤3.下面的市区下拉框可以选择对应的市区;
如果,步骤2选择的是别的省份,步骤3置灰不可选。
其实就是跟着步骤1的值作出相应选择,
省:<select id="pro">
<option value="">省份</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广西">广西</option>
</select>
市:<select id="city"><option value="">市区</option></select>
<script>
var selectedPro = '广西';///这个js变量值改为你从服务器取到的
//市区数组
var arrCity = [];
arrCity['北京'] = [{ t: '北京市' }];
arrCity['上海'] = [{ t: '上海市' }];
arrCity['广西'] = [{ t: '南宁市' }, { t: '桂林市' }, { t: '柳州市' }];
document.getElementById('pro').onchange = function () {
if (this.value == selectedPro) addOptions(document.getElementById('city'), arrCity[this.value]);
else document.getElementById('city').selectedIndex = 0;
document.getElementById('city').disabled = this.value != selectedPro;///和后台传来的值不一样禁用
}
function addOptions(s, arr) {
if (!arr || arr.length == 0) arr = [{ t: '市区' }];
if (!s) { alert('select对象不存在!'); return false }
s.options.length = 1;
for (var i = 0; i < arr.length; i++) s.options.add(new Option(arr[i].t, arr[i].t));
}
</script>