Question

是否可以使用JQuery清除html选择对象的内容？我有一个函数，它获取一个列表来填充选择并将其附加到选择，所以我需要一些方法在追加之前清除以前的数据。

Answer 1

使用.empty()

 $('select').empty().append('whatever');

您也可以使用.html()但请注意

当 .html() 用于设置元素的内容时，其中包含的任何内容元素完全被新内容所取代。请考虑以下HTML：

替代方法： ---如果您只想要删除选项元素，请使用.remove()

$('select option').remove();

Answer 2

如果您不关心任何子元素，例如optgroup，您可以使用empty() ...

$('select').empty();

否则，如果仅要删除option个元素，请使用remove()。

$('select option').remove();

Answer 3

$('option', '#theSelect').remove();

Answer 4

假设有一个如下所示的列表 - 并假设选择了一些选项...（这是一个多选，但这也适用于单个选择。

<select multiple='multiple' id='selectListName'> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option>
</select>

在某些基于某个事件调用的函数中，以下代码将清除所有选定的选项。

$（“＃selectListName”）。prop（'selectedIndex'， - 1）;

Answer 5

Here is一个小的jQuery插件（除其他外）可以清空下拉列表。

只需写下：

\s

Answer 6

对于我的大多数选择选项，我首先选择一个只是说“请选择＆＃39;或类似的东西，该选项始终禁用。然后，只要你想清除你的选择/选项，你就可以做这样的事情。

实施例

<select id="mySelectOption">
   <option value="" selected disabled>Please select</option>
</select>

答案

$('#mySelectOption').val('Please Select');

Answer 7

您可能具有选择选项值，例如“选择选项”。如果要保留该值并清除其余值，则可以先删除所有值，然后file = login.getText(); if (Arrays.asList(file.split(",")).contains("sergy")) { // do something...“选择选项”

append

jQuery

<select multiple='multiple' id='selectName'> 
    <option selected disabled>Choose Option</option>
    <option>1</option> 
    <option>2</option> 
    <option>3</option>    
</select>

使用jquery清除选择

7 个答案: