代码描述:javascript删除或添加 option选项。javascript删除或者添加option选项实例代码
select下拉菜单的作用这里就不多介绍了,尽管很多时候由于美观度不够需模拟实现,但是一般情况下还是能够满足基本需求的,下面就介绍一下如何使用javascript操作select下拉菜单。 一.动态创建select下拉菜单:
<script> function createSelect() { var mySelect=document.createElement("select"); mySelect.id="mySelect"; document.body.appendChild(mySelect); } </script>
以上函数可以创建一个select下拉菜单对象,id属性值为mySelect,并将其添加到body中。 二.添加option选项:
<script> function addOption() { var obj=document.getElementById('mySelect'); //这个只能在IE中有效 obj.add(new Option("文本","值")); //兼容IE与firefox obj.options.add(new Option("text","value")); } </script>
为select下拉菜单添加一个option选项。 三.删除选中的option项:
<script> function removeOne() { var obj=document.getElementById('mySelect'); //index,要删除选项的序号,这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); } </script>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能