プルダウン/セレクトボックスでoptionタグにマウスオーバーした際にテキスト表示したい

Question

前提・実現したいこと

プルダウンの選択肢にマウスオーバーした際にツールチップを表示したいのですが、
Javascript＋Cssを駆使すればできますでしょうか。

下記のHTMLがあったとして、「ラベンダー」をマウスオーバーした際に、
”北海道”と吹き出しで表示させたいです。

該当のソースコード

<table>
	<tr>
		<td>
			<select>
				<option text="北海道">かに</option>
				<option text="北海道">ラベンダー</option>
				<option text="青森県">りんご</option>
			</select>
		</td>
	</tr>
</html>

Answer 1

title 属性を使います。

 <option title="北海道">ラベンダー</option>

Comments

[entaro12345]

ありがとうございます。
知識不足でお恥ずかしいですが、大変助かりました。