Question

Is it possible to add any html element just like <p><strong> or any other inside a chosen select option?

var chzn = $('#chzn');
chzn.chosen({width:'125'});

//
chzn
    .append($('<option>', {
        value: 1,
        text : 'title: <strong> description </strong>'
    }))


chzn
    .val('')
    .trigger("chosen:updated")

http://jsfiddle.net/Xs3wQ/

Était-ce utile?

La solution

you can do this:

html : 'title: <strong> description </strong>'

Autres conseils

Alternatively, you can do this:

var $strongOptions = chzn.parent().find("li.search-choice span:contains('<strong>')");

$strongOptions.each(function () {
                var content = $(this).text();
                $(this).html($.parseHTML(content));
            });
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top