当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js select 控制实现代码

js select 控制实现代码

2019年07月29日  | 移动技术网IT编程  | 我要评论
实现代码：复制代码 代码如下:<select id=test11 size=5 style="width:50px"></select> <s
实现代码：
复制代码 代码如下:

<select id=test11 size=5 style="width:50px"></select>
<select id="test" style="width:50px"></select>
<button onclick='test[test.length]=new option("1","12");'>同时添加text和value</button>
<button onclick='test.insertbefore(document.createelement("option")).innertext="2";'>对text操作</button> <button onclick='test.appendchild(document.createelement("option")).setattribute("value","3");'>对value操作</button>
<button onclick="alert(test.outerhtml)">view</button>
<button onclick="test.removechild(test.children[0])">del1</button>
<button onclick="test.firstchild.removenode()">del2</button>
<button onclick="test[0]=null">del3</button>

效果演示：

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网