js向下拉列表的末尾添加一个 "nami" 选项

来源:互联网 发布:谍影重重4知乎 编辑:程序博客网 时间:2024/04/30 23:51
js向下拉列表的末尾添加一个 "nami" 选项:
原来使用add(option)的实现在firefox下并不起作用。
现在使用的方法兼容了不同的浏览器。
<html>
<head>
<script type="text/javascript">
function insertOption()
{
    
var option=document.createElement("option");
    option.text
="nami";
    option.value
="nami1";
    
var x=document.getElementById("mySelect");
    
try
    
{
        x.add(option,
null); // 标准实现
    }

    
catch(ex)
    
{
        x.add(option); 
// 仅在IE中实现
    }

}

</script>
</head>
<body>

<form>
<select id="mySelect">
  
<option value="1">Apple</option>
  
<option value="2">Pear</option>
  
<option value="3">Banana</option>
  
<option value="4">Orange</option>
</select>
<input type="button" onclick="insertOption()" value="插入新项" />
</form>

</body>
</html>
原创粉丝点击