[Solved] How can i add a Tooltip in chosen jquery plugin? [closed]

Question

Here’s a possible solution without having to use any other libraries, or anything else… This can be accomplished with a bit of CSS.

HTML:

<!--// we have to wrap the select in a span to use :after with it //-->
<span class="tooltip" title="some title for your tooltip">
<select>
    <option>Something</option>
    <option>Something Else</option>
</select>
</span>

CSS:

.tooltip:hover:after {
    position: relative;
    /* we can get the title attribute from the relevant item */
    content: "" attr(title) "";
    /* style however you want */
    border: 1px dashed black;
    top: -1.5em;
    left: 12em;
    padding: 0.5em;
}

Will give you something like:

DEMO

Literally added the word multiple to the select box in order to modify it to fit OP’s requirements…

DEMO 2

Accepted Answer