2016-07-24 6 views
2

ユーザーが選択オプションにカーソルを置いたときに情報ボックスを表示させようとしています。ホバー選択時の情報ボックスを表示

<select id = "sel"> 
     <option value="sick leave">Sick leave</option> 
     <option value="urgent leave">urgent leave</option> 
     <option value="maternity leave">Maternity leave</option> 
     <option value="relocation leave">Relocation leave</option> 
    </select> 

オプションを介してユーザのマウスメッセージボックスは、彼がその特定のタイプのに残っている葉の数を示す表示しなければならないと彼は下方に移動するよう情報がの種類に応じて変更する必要がある場合:元についてカーソルを指したままにする

+0

何jQueryのコードをあなたが出ていますか? –

答えて

0

あなたはcss psuedo要素を使ってこれを行いたいと思うでしょう。

誰かが非常によく似た質問をして、ここで詳細な応答を受け取った:

How to create a box when mouse over text in pure CSS?

+0

私はjqueryとajaxを使ってこれをやりたがっています。私はnoのようなデータを取得したいからです。データベースから残された葉の数。 –

+0

psuedo要素の 'content'を変更するには、jQueryを使用します。また、ajax get request https://api.jquery.com/jquery.get/ –

+0

を使用しますが、これはホバリングで表示されません。選択したオプションでこのボックスをホバーに表示したい –

関連する問題