如何删除不断更新的块中的项目

时间:2016-03-04 13:42:44

标签: javascript

HTML:

<select name="selectt" id="select" class="data_field">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

如何删除所有option?尝试使用以下JavaScript获取它们:

JS

select_prod.querySelectorAll('select>option');

for不是一个选项,因为另一个select会在此选择中上传新的option。旧的option消失了,用新的替换它们。

2 个答案:

答案 0 :(得分:1)

  

如何删除所有选项?试着让他们获得js

你可以这样做

var alloptions = document.getElementById( "select" ).children; //get all options
document.getElementById( "select" ).innerHTML = "";//delete all options
  

for不是一个选项cuz另一个选择上传新的选项   选择。

浏览器中的Javasript执行是一个单线程操作,在执行上述操作时,select内的其他select进行更改是不可能的。

答案 1 :(得分:0)

要删除选项,只需将长度设置为零即可。

 document.getElementById('select').options.length = 0;