jquery - 防止多选检查最后一个值

Question

我想实现多重选择元素，以防止用户检查列表中的所有值(所有 -1 都是可接受的)。我写了一些jquery代码，但我不知道它有什么问题。有什么帮助吗？HTML:

<select class='custom-header' id='custom-header' multiple='multiple' name="my-select">
     <option class="test" value='elem_1'>elem 1</option>
     <option  class="test" value='elem_2'>elem 2</option>
     <option class="test" value='elem_3'>elem 3</option>
     <option class="test" value='elem_4'>elem 4</option>
     <option value='elem_100'>elem 100</option>
</select>

JS:

var userChoice = $(".test");
$.each(userChoice, function(index,value){
   if(index = userChoice.length -1){
      alert("The last was clicked.");
   }
});

Answer 1

试试这个，它会阻止您选择所有选项:

$("#custom-header").change(function () {
    if ($(this).val().length > 4) {
        $(this).val("");
    }
});

Updated fiddle

或者如果您喜欢短三元:

$("#custom-header").change(function () {   
    $(this).val($(this).val().length > 4 ? "" : $(this).val());
});