如何使用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>

#This code working fine but i want to add scrollbar here.Can any one help?#

Answer 1

Take a look at this snippet. Is this what you need?

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

(Hold down CTRL to select multiple elements)

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>