我使用引导来显示多选下拉菜单，但它显示简单的下拉菜单

我已经导入了所有需要的js和css文件。但多选下拉复选框不起作用。输出很简单，没有下拉和复选框。请在此建议我。我使用引导来显示多选下拉菜单，但它显示简单的下拉菜单

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="css/bootstrap-multiselect/bootstrap-multiselect.css" type="text/css"></link> 
<script type="text/javascript" src="js/bootstrap-multiselect/bootstrap-multiselect.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#multi-select-demo').multiselect(); 
    }); 
</script> 
<select id="multi-select-demo" multiple="multiple"> 
    <option value="jQuery">jQuery tutorial</option> 
    <option value="Bootstrap">Bootstrap Tips</option> 
    <option value="HTML">HTML</option> 
    <option value="CSS">CSS tricks</option> 
    <option value="angular">Angular JS</option> 
    </select> 
</body>

来源

2017-02-26 Muskan

<select id="multi-select-demo" multiple="multiple" style="display: none;"> 
    <optgroup label="Mathematics"> 
    <option value="analysis">Analysis</option> 
    <option value="algebra">Linear Algebra</option> 
    <option value="discrete">Discrete Mathematics</option> 
    <option value="numerical">Numerical Analysis</option> 
    <option value="probability">Probability Theory</option> 
    </optgroup> 
    <optgroup label="Computer Science"> 
    <option value="programming">Introduction to Programming</option> 
    <option value="automata">Automata Theory</option> 
    <option value="complexity">Complexity Theory</option> 
    <option value="software">Software Engineering</option> 
    </optgroup> 
</select> 

$(document).ready(function() { 
    $('#multi-select-demo').multiselect(); 
});

JsFiddle

来源

2017-02-26 18:20:15 Ali

适当参照CDN的多选

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"></link> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#multi-select-demo').multiselect(); 
    }); 
</script> 
<select id="multi-select-demo" multiple="multiple" > 
    <option value="jQuery">jQuery tutorial</option> 
    <option value="Bootstrap">Bootstrap Tips</option> 
    <option value="HTML">HTML</option> 
    <option value="CSS">CSS tricks</option> 
    <option value="angular">Angular JS</option> 
    </select>

这里是它的一个CDN。

这里是一个小工具来显示它的工作https://jsfiddle.net/MarkSchultheiss/1gn2w0ub/

来源

2017-02-26 20:35:59

请注意，您也可以在您的网站上承载这些... –

我使用引导来显示多选下拉菜单，但它显示简单的下拉菜单

回答

相关问题