How can i add a Tooltip in chosen jquery plugin? -

- April 15, 2012

hi iam working on chosen jquery plugin , need add tooltip elements in chosen plugin. tried tweaking around in chosen didn't positive result. have idea?

code:

  <div id="synonyms_div" style="height:auto;width:170px;">      <select id="tagger-tags" class="tagger-tags" multiple style="width:150px; font:7px;" tabindex="4">                 @foreach(var tag in viewbag.tags)                 {                     <option id="sel-tags" value="@tag.id" parent="@tag.parent_id" style="font:6px;">                         @tag.name [@tag.el_count]                     </option>                 }                      </select>     </div> <script> $(document).ready(function () {     jquery(".tagger-tags").chosen({ search_contains: true });  });  </script>

here's possible solution without having use other libraries, or else... can accomplished bit of css.

html:

<!--// have wrap select in span use :after //--> <span class="tooltip" title="some title tooltip"> <select>     <option>something</option>     <option>something else</option> </select> </span>

css:

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

will give like:

chosen w/ tooltip