Javascript中动态向select控件添加option选项
在编写客户端脚本时,可能需要向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>
以上代码仅简单完成相应的功能
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>
以上代码仅简单完成相应的功能