jQuery 已选择的样式

Question

基于对 this 问题的精彩回答，我已经能够使用 jQuery Chosen 完全按照我想要的方式设计我的 <select> 框。但是一旦用户开始在搜索栏中键入内容，标记就会丢失。

在表单提交按钮上方找到示例 here。

怎么会这样avoided/corrected？

$('.populate-school .gfield_select').on('chosen:showing_dropdown keyup change', function()
  {
    $('.chosen-results .active-result, .chosen-single span').html(function()
    {
        var val = $(this).html().split(',');
        return '<strong>'+val[0]+'</strong><br/>'+val[1];
    });
  });

Answer 1

经过更多调试后，@Daniel 的评论被证明是正确的。最后，我放弃了 Chosen 库，转而使用 Select2。结果证明更加灵活和支持！

jQuery 已选择的样式

jQuery chosen styling

css

jquery

jquery-chosen