如何选择降多选择选项下的使用jQuery
问题描述:
<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>
#此代码工作正常,但我想添加滚动条here.Can任何一个可以帮助?#如何选择降多选择选项下的使用jQuery
答
(按住Ctrl键可以选择多个元素)
看看这个片段。这是你需要的吗?
.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>
+0
yep.this是我need.it工作,谢谢你.. – shanmu
答
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>
您希望我们回答哪些问题?另外你似乎没有在给定的代码中使用JQuery(尽管标签)。你想我们的答案使用JQuery? –
欢迎来到SO。请包括尝试解决方案,为什么他们不工作,以及预期的结果。这真的可以帮助我们找出你的代码的问题。请参阅:[如何创建最小,完整和可验证示例](http://*.com/help/mcve)。谢谢! –
检查此链接http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/ –