如何使用select2引導

Question

即時通訊新選擇2即時通訊使用引導程序v3.3.6

如何插入select2引導程序？ 我已經輸入

<link href="css/select2.css" rel="stylesheet"> 
<link href="css/select2-bootstrap.css" rel="stylesheet"> 
<select id="position" style="width: 15%"> 
       <option value=""></option> 
       <option>One</option> 
       <option>Two</option> 
<script src="js/select2.js"></script> 
$("#position").select2({ 
     allowClear:true, 
     placeholder: 'Position' 
     }); 

但輸出還是喜歡默認選擇2。不喜歡自舉，請幫忙

Answer 1

$("#position").select2(..)實例應該在script標籤內。確保關閉select標籤。確保您正確引用了select2.css和select2.js，並且瀏覽器控制檯中沒有錯誤。

http://codeply.com/go/YNg1JSaysI

Answer 2

如下請更新您的代碼： -

<link href="css/select2.css" rel="stylesheet"> 
<link href="css/select2-bootstrap.css" rel="stylesheet"> 
<select id="position" style="width: 15%"> 
<option value=""></option> 
<option>One</option> 
<option>Two</option> 
<script src="js/select2.js"></script> 
<script> 
$("#position").select2({ 
allowClear:true, 
placeholder: 'Position' 
}); 
</script> 

鏈接如下：

https://cdnjs.com/libraries/select2 
https://cdnjs.com/libraries/select2-bootstrap-css 
https://cdnjs.com/libraries/select2?ref=driverlayer.com/web 

希望幫助！