Javascript中动态向select控件添加option选项-技术开发专区

Javascript中动态向select控件添加option选项

作者：ITPUB论坛编辑： nancy 2008-05-21 00:00

【IT168技术文档】

在编写客户端脚本时，可能需要向select控件中添加option选项，通过代码的方式比较容易实现:

var opt=new Option('MyText','MyValue');

其中参数一为显示给用户看的值，参数二为实际的参数值。
添加则通过把上面声明的选项附加到options数组中去而删除主要通过设置option的值为null,如：

<script type="text/javascript" language="javascript">

添加:

       function btnAdd_onclick()"
{
var opt=new Option('New York','1');
document.frmCity.citys.options[0]=opt;
}
删除:
function btnDel_onclick()
{
document.frmCity.citys.options[0]=null;
}
...
<form id="frmCity" name="frmCity">
...
<select name="citys" id="citys">
<option value="1">New York</option>
</select>
<input type="button" value="add city" onclick="btnAdd_onclick()" />
<input type="button" value="del city" onclick="btnDel_onclick()" />
</form>

关注我们