title: Html + jquery: Need to display selected dropdown text in a tooltip using jquery tooltip plugin
body: <p>I need to display the text of selected option of a dropdown list in a tooltip. For this I'm using jquery's tooltip plugin.</p>
  
  <pre><code>&lt;select name="dropdown" class="tooltip" title="this.text"&gt;
      &lt;option value=1&gt;Text1 &lt;/option&gt;
      &lt;option value=2&gt;Text2&lt;/option&gt;
  </code></pre>
  
  <p><strong>Edit:</strong>
  Code from comment below:</p>
  
  <pre><code>&lt;select name="release_version" id="release_version" class="tooltip" title="this.text" onChange="updateBuildPath(this.value);"&gt;
      &lt;option value="12.5" selected="selected"&gt;Snapper&lt;/option&gt;
      &lt;option value="12.1"&gt;R12SP1&lt;/option&gt;&lt;option value="12"&gt;R12&lt;/option&gt;
      &lt;option value="11.2"&gt;R11.2 SP4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Using this, I see the text <code>this.text</code> in the tooltip, but what I want is <code>text1</code> or <code>text2</code> based on selected option. Is there anyway we can assign the <code>title</code> to selected text of the dropdown?</p>
  
  <p>Of course it is working fine, if I use <code>mouseover</code> instead of tooltip class. But I want to achieve this using jQuery tooltip only as it is used extensively in my website</p>
  
  <pre><code>&lt;select name="dropdown" onmouseover="this.title=this.text"&gt;
      &lt;option value=1&gt;Text1 &lt;/option&gt;
      &lt;option value=2&gt;Text2&lt;/option&gt;
  </code></pre>
  
  <p>Thanks in advance,
  Sreedhar.</p>