使用BOX OVER.js工具提示时，在IE中选择框问题

Question

我正在使用boxover.js工具提示：

http://www.koders.com/javascript/fid8780CBE6D1BEE164FC239AA55DCB13A53B3536E8.aspx?s=document#L6

工具提示适用于除IE中的SELECT框之外的所有元素。

我有一个代码，我需要在选择框中选择选项时显示一些图像作为工具提示。

例如：

<select name="categoryName" id="categoryName" style="width:50%;" size="10" >
    <option value="">--Select Category--</option>
    <option title="cssbody=[bdycss] cssheader=[hdrcss] header=[Category] body=[<center><p><img src='icon1.png'></p>]" value="1">category1</option>
    <option title="cssbody=[bdycss] cssheader=[hdrcss] header=[Category] body=[<center><p><img src='icon2.png'></p>]" value="2">category2</option>
    <option title="cssbody=[bdycss] cssheader=[hdrcss] header=[Category] body=[<center><p><img src='icon3.png'></p>]" value="3">category3</option>      
</select>

请帮助我解决这个问题。提前谢谢。

Answer 1

IE6不[IE7以后它]支持OPTION标签的title属性。通过在SELECT标记中设置title属性，可以为所有OPTION设置相同的标题。

另一种选择是将DHTML弹出窗口作为工具提示。