jQuery的获选插件：自定义/在选择选项的文本格式(jQuery Chosen plugin: c

我使用jQuery的呼吁选择与自动完成功能选择框插件。 http://harvesthq.github.com/chosen/

我在哪里可以格式化选项在选择框中的文本？

是否有这个选择的插件的方法？我读过的文档和扫描的代码，但似乎无法找到它。

这里是什么，我想实现的屏幕截图。（这是由另一个插件“selectmenu”，但我想用“选取”做同样的）

Answer 1:

有一个在主分支在当前时间没有这样的功能。

但这种拉的要求，立即至极是你所需要的（目前它是唯一的jQuery）： https://github.com/harvesthq/chosen/pull/692

所以，你可以从这里获取代码。 https://github.com/cjstewart88/chosen/tree/templates

Answer 2:

这里是另一种方式来做到这一点现在...

您可以添加特殊字符仍然看行不行在一个正常的选择，但通常不会出现在文本。例如TITLE :: Description 。然后找到::使用和格式。这个例子是专为单一选择。对于多你可能只需要改变.chosen-single ，或者用另一种方式来选择它。

$('select[name="SELECT_NAME"]')
    .chosen({search_contains: true})
    .add('.chosen-search')
    .on('chosen:showing_dropdown keyup change', function() {
    $('.chosen-results .active-result, .chosen-single span').html(function() {
        var html = $(this).html();
        if (/ :: /.test(html)) {
            return '<strong>' + html.replace(' :: ', '</strong> <span style="font-size:70%;display:inline;font-weight: normal;">') + '</span>';
        } else {
            return html;
        }
    });
});

你的结果在这个例子中应<strong>Title</strong> <span style="font-size:70%;display:inline;font-weight: normal;">Description</span>