本文介绍了一种兼容不同浏览器的JavaScript方法，用于向HTML选择框的末尾添加新的选项。解决了Firefox等浏览器中使用特定方法无法添加新选项的问题，并提供了完整的示例代码。
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>
原来使用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>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
