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

How to remove items in the constantly updated block

本文关键字:更新 项目 何删除 删除      更新时间:2023-09-26

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消失并用新的取而代之。

如何删除所有选项? 尝试获取它们 JS

你可以这样做

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

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

浏览器中的 Javasript 执行是单线程操作,在执行上述操作时,没有其他select在您的select内进行更改的机会。

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

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