jquery之IE 的鼠标悬停选项

我使用的是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> 

提前致谢

请您参考如下方法:

如果您希望描述显示在鼠标悬停上，而不是更改上，我认为最好使用工具提示。这可以通过 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>