Переключить выбор из списка с помощью javascript

Question

У меня есть несколько блоков выбора, используемых для фильтрации данных из базы данных. Например, выберите поле 1:

<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> 

Проблема когда я выбрать значение из поля я не могу отменить его и я не хочу, чтобы сбросить все фильтры и начать все. Я хотел бы иметь возможность отменить выбранную опцию при втором щелчке, для каждого окна ... например: 1-й клик => выбрать/2-й клик => снять выделение.

Как самый простой способ сделать это? Благодарим за терпение!

Answer 1

Try что-то вроде этого

<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); 
}); 

Answer 2

Попробуйте

$("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>