jQuery选择的样式

基于对这个问题的令人敬畏的回答，我已经能够使用所选的jQuery，按照我想要的方式设计我的

框。 但一旦用户开始在搜索栏中输入，标记就会丢失

示例位于表单提交按钮的正上方

如何避免/纠正这种情况

$('.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];
    });
  });

$（'.populate school.gfield_select'）。在（'所选：显示_下拉键向上更改'，函数（）上）
{
$（'.selected results.active result，.selected single span'）.html（函数（）
{
var val=$（this.html（）.split（'，'）；
返回''+val[0]+'
'+val[1]；
});
});

在调试了更多之后，@Daniel的评论被证明是正确的。

---

最后，我放弃了选择的图书馆，转而选择了它。事实证明，它更灵活，更受支持

我没有经历你所描述的，我看到了。看起来你正在和插件赛跑；它在函数尝试重写输出后更新其输出。就我个人而言，我只是修改插件代码，以首先生成所需的输出；否则，您可能需要将更改处理程序延迟一点，以确保代码最后运行。您将第一个选项作为默认值，在inspector中创建“未定义”值，而不是像示例中那样将默认值放在占位符中