js实现清空页面上下拉框中的选项怎么实现

JavaScript021

js实现清空页面上下拉框中的选项怎么实现,第1张

<body>

<select id="sel">

    <option>1111111</option>

    <option>1111111</option>

    <option>1111111</option>

    <option>1111111</option>

    <option>1111111</option>

</select>

</body>

<script>

var oSel = document.getElementById('sel')

var oOp = oSel.children        //获取select列表的所有子元素。

for(var i=0,len = oOp.lengthi<leni++)   

{

oSel.removeChild(oOp[0])  //循环删除所有子元素

}

</script>

上面简单的小例子，可以实现删除select下的所以选项。

看看是不是需要的。

<select id="J_select">

<option value="0">1</option>

<option value="1">2</option>

<option value="2">3</option>

</select>

<script type="text/javascript">

var oSelect = document.getElementById('J_select')

var options = oSelect.options

oSelect.onchange = function(){ //选中后触发

for( var i = 0, max = options.lengthi <maxi++){

options[i].text = ''//将select中的option的值清空

}

}

</script>