檢查是否在下拉多項選擇中選擇了多個選項

Question

如果在多選下拉菜單中選中了多個選項，如何隱藏/顯示特定內容？

HTML

<select title="Choose option/s" class="form-control selectpicker" multiple>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

<span id="legendWasSelected" class="text-hard-light margin-left-xxs">One option was selected</span>
<span id="legendWereSelected" class="text-hard-light margin-left-xxs" style="display:none">More than one option was selected</span>

Answer 1

$('.selectpicker').change(function() {
    if($(this).val().length > 1) {
        $('legendWereSelected:nth-of-type(2)').show();
    } else {
        $('legendWereSelected:nth-of-type(2)').hide();
    }
});

我尚未測試過，但這應該是正確的，請告訴我是否有錯誤

Answer 2

使用：selected選擇器，如下所示（使用jQuery）：

$('#yourIDHere option:selected').length;

如果長度大於1，則您選擇了多個選項

編輯：（基於Deckerz的評論）

您可以使用jQuery .val（）從multiselect中獲取選定的值

var selectedValues = $('#yourIDHere').val();