要用javascript语言做<select>下拉框 要求是三个下拉框 每个下拉框里面...
发布网友
发布时间:2022-04-26 19:01
我来回答
共2个回答
热心网友
时间:2022-04-22 22:35
我这有个相似的例子 你看下
<HTML>
<TITLE>注册</TITLE>
<SCRIPT language="JavaScript" >
function changeCity( ){
var cityList = new Array( );
cityList['山东省'] = ['济南', '青岛', '淄博', '枣庄', '东营', '烟台', '潍坊', '济宁', '泰安', '威海', '日照'];
cityList['四川省'] =['成都', '绵阳', '德阳', '自贡', '内江', '乐山', '南充', '雅安', '眉山', '甘孜', '凉山', '泸州'];
cityList['湖北省'] = ['武汉', '宜昌', '荆州', '襄樊', '黄石', '荆门', '黄冈', '十堰', '恩施', '潜江'];
//获得省份选项的索引,这里使用标识
var pIndex=document.myform.selProvince.value;
var newOption1;
document.myform.selCity.options.length=0;
for (var j in cityList[pIndex])
{
newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j]);
document.myform.selCity.options.add(newOption1);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="myform" id="myform" action="register_success.htm" onSubmit="return checkForm( )">
<TABLE width="472" border="0" align="center" cellpadding="0" cellspacing="0">
<TR>
<TD width="279" align="center">省份 :
<SELECT name="selProvince" id="selProvince" onChange="changeCity( )">
<OPTION>--请选择省份--</OPTION>
<OPTION value="四川省">四川省</OPTION>
<OPTION value="山东省">山东省</OPTION>
<OPTION value="湖北省">湖北省</OPTION>
</SELECT></TD>
<TD width="193">城市:
<SELECT name="selCity">
<OPTION>--请选择城市--</OPTION>
</SELECT></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
热心网友
时间:2022-04-22 23:53
给你说个思路吧,你可以用document.getElementById()获取你下拉框,然后添加监听事件,点击获取option的value,然后获取第*的option回填