使用multiselect dropsown与复选框

Question

我有很多jQuery插件，但是当我尝试在我的引导项目中，它不工作。您能否使用源代码在JSP示例中用复选框建议我使用Bootstrap multiselect下拉菜单。

我使用下面的代码..它不在我的模板中工作。它只显示简单的下拉菜单。

<select id="lstFruits" multiple="multiple"> 
    <option value="1">Mango</option> 
    <option value="2">Apple</option> 
    <option value="3">Banana</option> 
    <option value="4">Guava</option> 
    <option value="5">Orange</option> 
</select> 
<input type="button" id="btnSelected" value="Get Selected" />  

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" 
    rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> 
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" 
    rel="stylesheet" type="text/css" /> 
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" 
    type="text/javascript"></script> 

<script type="text/javascript"> 
$(function() { 
    $('#lstFruits').multiselect({ 
     includeSelectAllOption: true 
    }); 
}); 
</script> 

Answer 1

上面的代码示例（编辑，最新）似乎对我来说正常工作。请注意，Bootstrap Multiselect插件建议使用jQuery 2.x或1.10.x;你正在使用1.8.3。

此外，包装$(function() { ... });可能不是你想要完成的任务所必需的。