即使在多選教程中提到的正確格式添加了依賴項之后，jQuery中的多選也無法工作

Question

我正在嘗試使用jQuery的復選框插件進行多選，如以下鏈接http://davidstutz.de/bootstrap-multiselect/#getting-started所示但是我實現在js小提琴測試方法沒有按預期工作，這里會出現什么問題這是js小提琴測試代碼的鏈接

 $('select[multiple]').multiselect(); $('#langOpt').multiselect({ columns: 1, placeholder: 'Select Languages', search: true }); 

 <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- MultiSelect CSS & JS library --> <link href="multiselect/jquery.multiselect.css" rel="stylesheet" /> <script src="multiselect/jquery.multiselect.js"></script> <select name="langOpt[]" multiple id="langOpt"> <option value="C++">C++</option> <option value="C#">C#</option> <option value="Java">Java</option> <option value="Objective-C">Objective-C</option> <option value="JavaScript">JavaScript</option> <option value="Perl">Perl</option> <option value="PHP">PHP</option> <option value="Ruby on Rails">Ruby on Rails</option> <option value="Android">Android</option> <option value="iOS">iOS</option> <option value="HTML">HTML</option> <option value="XML">XML</option> </select> 

Answer 1

在你的帖子中你說你使用的是jQuery插件，你確實在你的代碼中使用它，但鏈接和圖像是用於bootstrap-multiselect，它們是不同的。 我假設你正在嘗試從一開始就使用bootstrap插件，我已經改變了bootstrap-multiselect的答案。

 $('select[multiple]').multiselect(); 

 <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> <!-- MultiSelect CSS & JS library --> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js"></script> <select name="langOpt[]" multiple id="langOpt"> <option value="C++">C++</option> <option value="C#">C#</option> <option value="Java">Java</option> <option value="Objective-C">Objective-C</option> <option value="JavaScript">JavaScript</option> <option value="Perl">Perl</option> <option value="PHP">PHP</option> <option value="Ruby on Rails">Ruby on Rails</option> <option value="Android">Android</option> <option value="iOS">iOS</option> <option value="HTML">HTML</option> <option value="XML">XML</option> </select>