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/

Was it helpful?

Solution

you can do this:

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

OTHER TIPS

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));
            });
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top