Chosen.js多重選擇選項

有沒有一種方法來設置選擇上多選擇框，這樣，當項目僅僅是所選擇的選項值顯示，而不是默認的選項名稱。Chosen.js多重選擇選項

<select multiple> 
<option value="A">America</option> 
<option value="B">Barbados</option> 
<option value="C">Canada</option> 
</select>

所以whenselected，輸入框顯示「A」，「B」和或「C」在此先感謝

來源

2016-07-21 Tommy Adeniyi

確保您使用的是正確的.js和.css文件。

這個工作對我來說：

<head> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.css"> 
</head> 

<body> 

<select multiple style="width: 500px;"> 
    <option value="A">America</option> 
    <option value="B">Barbados</option> 
    <option value="C">Canada</option> 
</select> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.jquery.min.js"></script> 

<script> 
    $(document).ready(function() { 
    $('select').chosen(); 
    }); 
</script> 

</body>

在這個例子中，使用了外部資源，從cdnjs.cloudflare.com：

3.1.0/jquery.min.js

1.6.1/chosen.css

1.6.1/chosen.jquery.min.js

來源

2016-07-21 21:09:36

Chosen.js多重選擇選項

回答

相關問題