＋设为首页 ＋添加到收藏夹
如题
我有两个<select>怎样在第一个里选择一个条件,然后在另一个<select>里就会变成另一组可选的值?
例如第一个为
<select name="s1">
<opiton value="0">ffffffff
<option value="1">dddddddd
</select>
第二个的原值;
<select name="s2">
<option value="a">qqqqqqq
<option value="b">wwwwwww
</select>
第二个变化后的值
<select name="s2">
<option value="i">jjjjjjjj
<option value="ii">kkkkkkkk
</select>
当我在第一个列表里选择fffffff时
网页上显示的是s2源值,当我选择dddddddd时网页上显示的是变化后的值
大家指教
<form name=form1>
<select name=province onchange="cityName(this.selectedIndex)">
<option value="">请选择省名</option>
</select>
<select name=city>
<option value="">请选择城名</option>
</select>
</form>
<script language=javascript>
var provinceName = ["浙江", "江苏", "安徽", "江西"];
var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];
function province()
{
var e = document.form1.province;
for (var i=0; i<provinceName.length; i++)
e.options.add(new Option(provinceName[i], provinceName[i]));
}
function cityName(n)
{
var e = document.form1.city;
for (var i=e.options.length; i>0; i--) e.remove(i);
if (n == 0) return;
var a = eval("city"+ n); //得到城市的数组名
for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
}
function window.onload()
{
province(); //初始时给省名下拉框赋内容
}
</script>
