如何使用jQuery清除SELECT輸入中的所有選定項目？

Question

我認為這應該相當容易，但有點掙扎......我有一個SELECT輸入元素，允許用戶選擇多個項目。 我想為他們提供一種機制來清除所有選定的項目，可能只是一個SPAN標簽或類似的東西。

無論如何......使用jQuery，我將如何清除SELECT輸入元素上的SELECT以便沒有選擇任何項目。

Answer 1

在<select multiple>的情況下， .val()函數接受/返回一個數組，因此您可以簡單地傳入一個空數組來清除選擇，如下所示：

$("#selectID").val([]);

你可以在這里測試一下。

Answer 2

這有助於為我清除所有選定的選項。

$("#selectListName").prop('selectedIndex', -1)

選擇列表看起來像

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

Answer 3

嘗試： // 只需在選擇之前放置 # 即可解決此問題。 工作完美。 $("#select option:selected").each(function () { $(this).remove(); // 或其他任何 });

Answer 4

只有這對我有用：-

$("#selectid").find('option').attr("selected",false) ;

Answer 5

這個解決方案對我有用......

$('#my-Select').val('').trigger('change');

這適用於幾乎所有輸入類型。

Answer 6

我嘗試類似的東西

$("#my-Select").find('option').attr("selected","") ;

Answer 7

嘗試這個

<select id='select1' ></select>
<input type= 'button' value = 'Clear Selection' id = 'remove' />

$(document).ready(function() {  
   $('#remove').click(function() {  
     return $('#select1 option:selected').remove(); 
   });
 });

Answer 8

Maybe 

$('#mySelect option').each(function(i, e)
{
   e.selected = false
});

Answer 9

試試看：

$("#selectID").empty();

為我工作！

Answer 10

比這更好，您可以使用：

$("#selectID").empty();

這幾乎適用於 DOM 中的任何內容。