还有一中方法可以实现,就是在上一个下拉列表在注册一个onchange事件,在该事件中调用一个js函数,用着个js函数动态生成该下拉列表的选项。
代码如下:
<script language="javascript" >
function onChange()
{
if(myForm.mySelect1.value==1)
{
myForm.mySelect2.options.length=0;
var oOption2 = document.createElement("OPTION");
oOption2.text="小选项一";
oOption2.value="a";
myForm.mySelect2.add(oOption2);
}
if(myForm.mySelect1.value==2)
{
myForm.mySelect2.options.length=0;
var oOption2 = document.createElement("OPTION");
oOption2.text="小选项二";
oOption2.value="b";
myForm.mySelect2.add(oOption2);
}
}
</script >
<form name="myForm" >
<select name="mySelect1" οnchange="onChange();" >
<option value="1" >大选项一 </option >
<option value="2" >大选项二 </option >
</select >
<br / >
<select name="mySelect2" οnchange="" >
<option value="" > </option >
</select >
</form >
代码如下:
<script language="javascript" >
function onChange()
{
if(myForm.mySelect1.value==1)
{
myForm.mySelect2.options.length=0;
var oOption2 = document.createElement("OPTION");
oOption2.text="小选项一";
oOption2.value="a";
myForm.mySelect2.add(oOption2);
}
if(myForm.mySelect1.value==2)
{
myForm.mySelect2.options.length=0;
var oOption2 = document.createElement("OPTION");
oOption2.text="小选项二";
oOption2.value="b";
myForm.mySelect2.add(oOption2);
}
}
</script >
<form name="myForm" >
<select name="mySelect1" οnchange="onChange();" >
<option value="1" >大选项一 </option >
<option value="2" >大选项二 </option >
</select >
<br / >
<select name="mySelect2" οnchange="" >
<option value="" > </option >
</select >
</form >