Question

在jQuery中，我像我这样缓存了我的下拉列表：

var myDDL = $("#MyDropDownList");

我需要知道如何从myDDL中删除选项。这个问题已被问到，但是这样做是这样的：

$('#optExample option').remove();

如何从变量中执行此操作？

我尝试过myDDL.remove()，但这会从我的视图中删除整个DDL。我想要DDL，只是没有选项。

Answer 1

您可以使用find()或children()：

myDDL.find('option').remove();

myDDL.children().remove():

或者只使用empty()删除元素中的所有内容

myDDL.empty()

Answer 2

简单地使用jquery .empty()方法：

myDDL.empty();

<强>演示：

＆＃13;

var myDDL = $("#MyDropDownList");
myDDL.empty();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="MyDropDownList">
  <option>test</option>
  <option>test</option>
  <option>test</option>
  <option>test</option>
</select>

＆＃13;

Answer 3

只需在您的参考号上致电.remove()。

＆＃13;

var ddl = $("#MyDropDownList");
ddl.remove();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="MyDropDownList">
  <option>test</option>
  <option>test</option>
  <option>test</option>
  <option>test</option>
</select>

＆＃13;

从变量中选择删除选项

3 个答案: