是否可以在jquery选择的插件选项中显示html内容?
是否可以像在所选的选择选项中添加或任何其他html元素一样添加任何html元素是否可以在jquery选择的插件选项中显示html内容?,jquery,jquery-chosen,Jquery,Jquery Chosen,是否可以像在所选的选择选项中添加或任何其他html元素一样添加任何html元素 var chzn = $('#chzn'); chzn.chosen({width:'125'}); // chzn .append($('<option>', { value: 1, text : 'title: <strong> description </strong>' })) chzn .val('')
var chzn = $('#chzn');
chzn.chosen({width:'125'});
//
chzn
.append($('<option>', {
value: 1,
text : 'title: <strong> description </strong>'
}))
chzn
.val('')
.trigger("chosen:updated")
您可以这样做:
html : 'title: <strong> description </strong>'
var $strongOptions = chzn.parent().find("li.search-choice span:contains('<strong>')");
$strongOptions.each(function () {
var content = $(this).text();
$(this).html($.parseHTML(content));
});
或者,您可以执行以下操作:
html : 'title: <strong> description </strong>'
var $strongOptions = chzn.parent().find("li.search-choice span:contains('<strong>')");
$strongOptions.each(function () {
var content = $(this).text();
$(this).html($.parseHTML(content));
});
这只适用于内置JavaScript的列表。我们需要一种从服务器端生成的选项标记中提取HTML的方法。由于选项标记不允许包含HTML内容,因此我们必须将HTML内容嵌入到选项标记的data-*属性中,并在构建列表时选择读取它们。我不确定是否支持这样的功能。这个html选项没有文档记录,似乎不起作用。不,这根本不起作用。这是正确的想法,但您需要在所有选项和单个选定项上使用它,并且无论何时更改或打开下拉列表,您都需要这样做。