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>

问题是，一旦我从一个字段中选择一个值，我无法取消选择它，我不想重置所有过滤器并开始全面。我希望能够在第二次点击时为每个方框取消选择所选的选项......即：第一次点击=＆gt;选择/第二次点击=＆gt;取消选择。

最简单的方法是如何做到的？谢谢你的耐心等待！

Answer 1

尝试这样的事情

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

使用javascript从列表中切换选择

2 个答案: