自己写的JS添加Select(动态绑定)~
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function selOpt()
{
var obj=document.getElementById("optList");
switch(obj.options[obj.selectedIndex].value.toString())
{
case "2":
addOpt("三国演义")
break;
case "3":
addOpt("西游记")
break;
case "4":
addOpt("水浒传")
break;
case "5":
addOpt("红楼梦")
break;
default:
window.alert("添加出错！！！");
}
}
function addOpt(strValue)
{
var addSel=document.createElement("select");
var ooption=new Array();
for(var i=0;i<8;i++)
{
ooption[i]=strValue+i.toString();
addSel.options[i]=new Option(ooption[i],ooption[i]);
}
document.body.appendChild(addSel);
}
</SCRIPT>
</HEAD>
<BODY>
<select id="optList" onchange="selOpt();">
<option value="1" selected="true">-请选择-</option>
<option value="2">三国演义</option>
<option value="3">西游记</option>
<option value="4">水浒传</option>
<option value="5">红楼梦</option>
</select>
<BODY>
</HTML>
<HEAD>
<SCRIPT type="text/javascript">
function selOpt()
{
var obj=document.getElementById("optList");
switch(obj.options[obj.selectedIndex].value.toString())
{
case "2":
addOpt("三国演义")
break;
case "3":
addOpt("西游记")
break;
case "4":
addOpt("水浒传")
break;
case "5":
addOpt("红楼梦")
break;
default:
window.alert("添加出错！！！");
}
}
function addOpt(strValue)
{
var addSel=document.createElement("select");
var ooption=new Array();
for(var i=0;i<8;i++)
{
ooption[i]=strValue+i.toString();
addSel.options[i]=new Option(ooption[i],ooption[i]);
}
document.body.appendChild(addSel);
}
</SCRIPT>
</HEAD>
<BODY>
<select id="optList" onchange="selOpt();">
<option value="1" selected="true">-请选择-</option>
<option value="2">三国演义</option>
<option value="3">西游记</option>
<option value="4">水浒传</option>
<option value="5">红楼梦</option>
</select>
<BODY>
</HTML>
