在下拉选择器中显示悬停在选项上的工具提示

Question

How can I show a tooltip while the user hovers over a specific option in a dropdown?

I have this code which prints out a dropdown question based on XML code which is supposed to show tooltips on some of the options in the dropdown selector:

function createDropdownQuestion($node, $name)
{
    print "<select class='form-control'name=\"$name\" id=\"$name\>";
    $i = 0; 
    foreach($node->childNodes as $option)
    {
        if(nodeIsValidOption($option))
        {
            if ($option->hasAttribute("tooltip"))
            {
                print "<option title='Show this tooltip' value=\"$i\">$option->nodeValue</option>";
            }
            else
            {
                print "<option value=\"$i\">$option->nodeValue</option>";
            }
            $i++;
        }
    }
    print "</select>";
}

Answer 1

Use title="TOOLTIP TITLE".

For e.g: <option title="tooltip">test</option>

<select id="">
  <option title="test">test</option>
  <option title="test 123">test123</option>
 </select> 

</div>