日期:2014-05-16 浏览次数:20415 次
<select name="mysel"> </select> 下拉列表b <select name="mytest"> <option value="1"> 1 </option> <option value="2"> 2 </option> <option value="3"> 3 </option> </select> <a href="#" onclick="AddOption()"> 我要添加列表?? </a> <script language="javascript"> function AddOption() { document.getElementsByName("mysel")[0].innerHTML=document.getElementsByName("mytest")[0].innerHTML //alert(document.getElementsByName("mysel")[0].innerHTML) } </script>
------解决方案--------------------
下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。
HideExample
<SCRIPT LANGUAGE="JScript">
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>
MS官方脚本
------解决方案--------------------
<script type="text/jscript"> function AddOption() { debugger var oSelFrom=$("mytest"); var oSelTo=$("mysel"); for(var iCount=oSelFrom.options.length-1,i=iCount,thisOption=oSelFrom.options;i>=0;i--){ var newOption=new Option(thisOption[iCount-i].text,thisOption[iCount-i].value); oSelTo.options.add(newOption); } } function $(o){ return document.getElementById(o); } </script>
------解决方案--------------------
oSelFrom.options.length=0