js实现点击按钮清空所有select标签

JavaScript024

js实现点击按钮清空所有select标签,第1张

你好 你所指的清空是什么 select 清空应该是清空所有的 option

那么 jquery代码如下

function clearAll(){

$("select").empty()//empty方法会清空 所有子元素 保留自己

}

而且顺便说一句 select某个选中 是由 某个option的selected=“selected”来做到的

思路：

获取select标签元素。

选出select下面的option项。

替换option里的内容，或是删除option。

代码：

<script>    

window.onload=function(){    

var oSel = document.getElementById('sel')    

var oOpt = new Option('123','abc')    

oSel.appendChild(oOpt)    //添加一个option

oSel.removeChild(oOpt)    //删除一个option

}    

</script>    

</head>    

<body>    

<select id="sel">    

<option>1234</option>    

</select>

可以直接更改option的选择属性，jquery可以设置select的值为空。

select当中的选项在选中的时候会带有选择属性，区别于其他option元素，所以更改这个属性可以清楚选择。

jquery则可以很方便设置select的值，清空也比较简单。