Question

我有这个下拉列表，我想在页面加载时删除它的所有子项。这是我的代码。

X - Position

Answer 1

我使用detach（）

$(window).on('load',function(){
  $('#mylist>option').detach();
});

Jquery方法，用于保存要重新附加列表的大小写的值，而不会丢失任何事件或数据。

Answer 2

您可以使用empty()删除所有孩子，因此如果您想在页面加载时执行此操作，则必须执行以下操作：

$( document ).ready(function() {
   $("#mylist").empty();
});

使用此选项，您将删除子节点以及存储在这些节点内的所有类型的数据。文档：jQuery empty documentation

如果您想保留数据，可以使用.detach()，jQuery detach documentation

Answer 3

为什么每个人都建议使用jQuery？他显然是初学者。
我会使用文档API，你不需要一个函数的整个库。

document.addEventListener("DOMContentLoaded", function () {
   for(var i = 0; i<document.getElementsByTagName("select"); i++){
     var b = document.getElementsByTagName("select")[i];
     b.parentElement.removeChild(b);
}

});

Answer 4

将select html设置为空白。

＆＃13;

$('#mylist').html('');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select  id="mylist">
    <option value="B">B</option>
    <option value="D">D</option>
    <option value="E">E</option>
    <option value="F">F</option>
    <option value="R">R</option>
</select>

＆＃13;

在页面加载时删除下拉列表节点

4 个答案: