javascript - HTML 选择器多个，选项 "all"禁用所有其他选项

Question

我的网页中有一个这样的选择器元素:

<select id="difficulty"  name="difficulty" class="selectpicker"  multiple onchange="ChangeFilters()">
                                          <option value="-1" selected >All</option>
                                            <option value="0" >Facile</option> 
                                            <option value="1" >Normal</option>
                                            <option value="2"  >Difficile</option>
                                         </select>

我希望当用户选择“全部”选项(值='-1')时，如果选择了其他选项，则它们不会被选中，并且如果当用户选择其他选项时选择了全部选项“所有选项”变为未选中。

我已经搜索了大约 2 个小时，但无法正常工作。

我使用 bootstrap 并且这个选择元素是一个 selectpicker 元素，当我尝试某些东西时我的 javascript 不工作..

请帮忙!

编辑:

我发布了工作代码作为答案，感谢您的帮助!

Answer 1

是这样的吗？

        function ChangeFilters(){
            var selVal = $('#difficulty').val()[0];

            if(selVal == -1){
                $('#difficulty').attr('multiple',false);
            }else{
                $('#difficulty').attr('multiple',true);
            }
        }