js向下拉列表的末尾添加一个 "nami" 选项:
原来使用add(option)的实现在firefox下并不起作用。
现在使用的方法兼容了不同的浏览器。
原来使用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 >
< 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 >