IEのための選択のMouseoverオプション

Question

私はIE7を使用しています。マウスがオプションの上にあるときに、選択ボックスの各オプションのページに説明を表示したいと思います。開始時に、マウスがオプションの上にあるときにテキストボックスにオプション値を表示するコードを書きました。しかし、それは決してうまくいかない。変更イベントのように機能します。

<input name="selectedValue" id="selectedValue" > 
<select id="TestCombo" name="TestCombo" > 
    <option value="0" selected="selected">Zero</option>  
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
</select> 

<script type="text/javascript"> 
$(function() { 
    $('#TestCombo option').mouseover(function() { 
      $('#selectedValue').val($('#TestCombo option:selected').val()); 
    }); 
}); 
</script> 

あなたは説明がマウスオーバーではなく、変更に表示したい場合は、事前

Answer 1

でのおかげで、私はそれがツールチップを使用する方が良いと思います。これはHTMLのtitle属性で行うことができ、JSは必要ありません。

例：

<input name="selectedValue" id="selectedValue"> 
<select id="TestCombo" name="TestCombo" > 
    <option title="Nothing." value="0" selected="selected">Zero</option>  
    <option title="The smallest number that has a meaning." value="1">One</option> 
    <option title="Look, another small number!" value="2">Two</option> 
    <option title="RGB - Red-Green-Blue. That's three colors!" value="3">Three</option> 
</select> 

Answer 2

何をしようとするには、標準的なWebの練習ではありません。私は間違っていると言っているわけではありません、なぜあなたはこのようなことをしたいのか分かります。私はあなたの答えは、選択コントロールを気にすることではないと思うし、代わりに入力要素で動作し、何をしているかを模倣しているコントロールを見つけるか設計しようとしていると思います。それは難しいことではありませんし、最終的には、おそらくより優れたコントロールとクロスブラウザ機能を持つでしょう。

Answer 3

クロスブラウザと互換性のある種類のプラグイン（this oneなど）を使用し、をselectのように表示するようにしました。

残念なことにIEはselect要素にボールを落とし、あなたにはほとんどコントロールできません。