现在的位置: 首页 > 综合 > 正文

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

2012年06月24日 ⁄ 综合 ⁄ 共 811字 ⁄ 字号 评论关闭
在编写客户端脚本时,可能需要向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>
以上代码仅简单完成相应的功能

抱歉!评论已关闭.