使用 chosen.js - jquery 动态填充选择框

Question

我可以在页面加载后更改占位符（如下所示），

$('#dropdown1').chosen();
$('#dropdown1').attr('data-placeholder', 'Pizza , Chips');
$('#dropdown1').trigger('chosen:updated');

但似乎无法添加从数据库中获取的一些值。我希望将它们直接添加到文本框中，这样它们看起来就好像已经被选中了。它们应该看起来是方形和灰色，如果需要可以取消选择....???

Answer 1

答案很简单，但花了我一段时间，以为我必须通过 jquery 来做，而实际上只是在选项中添加一个词 "Selected"！

<select class="html-multi-chosen-select" multiple="multiple">
  <option value="foo" selected>foo</option>
  <option value="bar" selected>bar</option>
  <option value="dog">dog</option>
  <option value="cat">Cat</option>
</select>

Fiddle 这里 http://jsfiddle.net/mikeys4u/99Dkm/235/

使用 chosen.js - jquery 动态填充选择框

Populate the selectbox dynamically using chosen.js - jquery

jquery

jquery-chosen