javascript - 在 html 中选择的工具提示

Question

我有一个可以从下拉列表中选择的汽车列表

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

此代码为我提供了下拉代码，我需要在悬停在框上时显示一条悬停消息，如“选择您的汽车”。有一个选择选项为每个选项提供消息，但我的需要是仅在悬停选择框时显示工具提示。

Answer 1

最简单的方法是添加一个title属性:

<select title="Select your car">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

虽然看起来不太好。如果你想要一个更漂亮的工具提示，你必须走 JavaScript 路线。