title: Struts2 : How to show a tooltip for each dropdown option in a select tag?
body: <p>I have this struts2 select tag where the options are a list of Item objects. 
  Let's say the Item java bean class has the following 3 properties: <code>itemId, itemLabel, itemDescription</code>.</p>
  
  <p>My select tag looks likes this:</p>
  
  <pre><code>&lt;s:select headerKey="" 
    headerValue="Select Item"
    list="myModel.itemsList"
    listKey="itemId"
    listValue="itemLabel"
    name="selectedItem" /&gt;   
  </code></pre>
  
  <p>I would like to show a tooltip for each option in the dropdown menu whenever the user hoovers over that option. The text to populate that tooltip is stored in the <code>itemDescription</code> property of my java bean class   </p>
  
  <p>I know you can give a tooptip to the select tag, but that is not what I need, since each option/item has a different description.  </p>
  
  <p>Currently I have a custom javascript tooltip and I would like to use this function if possible. This is how I would use the function if the items would be listed in a table: </p>
  
  <pre><code>&lt;td&gt;
      &lt;span class="tooltip" onmouseout="tooltip.hide();"
        onmouseover="tooltip.show('&lt;s:property value="item.description" /&gt;');"&gt;
          &lt;s:property value="item.label" /&gt;
      &lt;/span&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Does anybody know what would be the best solution to show the <code>description</code> as a tooltip everytime the user hovers over an option?</p>