如何使用jQuery在下拉菜單中選擇多選選項

Question

 <div class="multiselect">
        <div class="selectBox" onclick="showCheckboxes('dLang')">
            <select>
                <option>Select an option</option>
            </select>
            <div class="overSelect"></div>
        </div>
        <div class="checkboxes" id="dLang" style="overflow-x: hidden;">

            <label for="three"><input type="checkbox" id="three"/>Czech</label>
            <label for="three"><input type="checkbox" id="three"/>Danish</label>
            <label for="three"><input type="checkbox" id="three"/>Dutch</label>
        </div>
    </div>

＃此代碼工作正常，但我想在此處添加滾動條。有什么可以幫助嗎？＃

Answer 1

看看這個片段。 這是您需要的嗎？

 .multiSelect { height: 100px; overflow: scroll; overflow-x: hidden; } 

 <select class="multiSelect" multiple> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> 

（按住CTRL鍵可選擇多個元素）

Answer 2

This is you should need to check : http://www.jqueryfaqs.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-using-jQuery.aspx     

<script type="text/javascript">
        $(function () {
            $('[id*=your id name ]').multiselect({
                includeSelectAllOption: true
            });
        });
    </script>