自己写的JS添加Select(动态绑定)~

最新推荐文章于 2023-06-20 14:36:11 发布

agwlm68240

最新推荐文章于 2023-06-20 14:36:11 发布

阅读量143

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiazhi33/articles/990938.html

版权

<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" οnchange="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>

转载于:https://www.cnblogs.com/xiazhi33/articles/990938.html