從列表切換選擇使用javascript

我有多個選擇框用於從數據庫中過濾數據。例如選擇框1：從列表切換選擇使用javascript

<select name="team" multiple size="3"> 
      <option value="1">Team 1</option> 
      <option value="2">Team 2</option> 
      <option value="3">Team 3</option> 
</select>

並選擇框2：

<select name="name" multiple size="3"> 
      <option value="John">John</option> 
      <option value="Mary">Mary</option> 
      <option value="Ryan">Ryan</option> 
</select>

問題是一旦我選擇從一個字段中的值i無法取消它，我不希望重置所有過濾器並全面啓動。我希望能夠在第二次點擊時取消選擇所選擇的選項，例如：第一次點擊=>選擇/第二次點擊=>取消選擇。

最簡單的方法是什麼？謝謝你的耐心！

來源

2016-03-15 Cilonx

您可以通過CTRL +單擊（或CMD +單擊Mac）來取消選擇多選中的選項 –

由於@RoryMcCrossan指出簡單的CTRL +單擊操作，您不需要執行代碼。 –

這個應用程序被許多用戶使用，他們不會知道，這就是爲什麼我試圖讓事情更直觀 – Cilonx

嘗試這樣的事情

<select id="select1" name="team" multiple size="3"> 
      <option value="1">Team 1</option> 
      <option value="2">Team 2</option> 
      <option value="3">Team 3</option> 
</select> 

<select id="select2" name="name" multiple size="3"> 
      <option value="John">John</option> 
      <option value="Mary">Mary</option> 
      <option value="Ryan">Ryan</option> 
</select>

jQuery的

$("#select1").change(function(){ 
$("#select2").val(null); 
}); 

$("#select2").change(function(){ 
$("#select1").val(null); 
});

來源

2016-03-15 11:11:25 Alexis

試試這個

$("select").dblclick(function(){ 
 
     $(this).val(""); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
 
<select name="team" multiple size="3"> 
 
      <option value="1">Team 1</option> 
 
      <option value="2">Team 2</option> 
 
      <option value="3">Team 3</option> 
 
</select> 
 
<select name="name" multiple size="3"> 
 
      <option value="John">John</option> 
 
      <option value="Mary">Mary</option> 
 
      <option value="Ryan">Ryan</option> 
 
</select>

來源

2016-03-15 11:15:07 C2486

從列表切換選擇使用javascript

回答

相關問題