关于select列表框的提示

[ptma]

select列表框为固定宽度，所以有的Option就不能完全显示，当鼠标在莫个Option上时，如何出现该option的完整提示

[ptma]

UP

[cloudchen]

<style>
select {width:70px;}
div { background-color:#ffcc00;border: 1px solid gray;font-size:11px;font-family:Verdana;position:absolute;}
</style>
<div id="tip" style="visibility:hidden;">sss</div>
<SELECT NAME="sel" onmousemove="tips(options[selectedIndex].text)" onmouseout="tip.style.visibility='hidden'">
<option value='http://www.sayee.com/cloudchen/js/select.htm'>1. 列表框修改
<option value='http://www.sayee.com/cloudchen/js/date.htm'>2. 日期选择框
<option value='http://www.sayee.com/cloudchen/js/secondaryChange.htm'>3. 二级联动
<option value='http://www.sayee.com/cloudchen/js/myCalendar.htm'>4. 网页日历
</SELECT>
<SCRIPT LANGUAGE="JavaScript">
function tips(v) {
with(tip.style) {
pixelLeft = event.offsetX;
pixelTop = event.offsetY;
visibility = "visible";
tip.innerText = v;
}
}
</SCRIPT>

[cloudchen]

<style>
select {width:70px;}
div { background-color:#ffcc00;border: 1px solid gray;font-size:11px;font-family:Verdana;position:absolute;}
</style>
<div id="tip" style="visibility:hidden;">sss</div>
<SELECT NAME="sel" onmousemove="tips(options[selectedIndex].text)" onmouseout="tip.style.visibility='hidden'">
<option value='http://www.sayee.com/cloudchen/js/select.htm'>1. 列表框修改
<option value='http://www.sayee.com/cloudchen/js/date.htm'>2. 日期选择框
<option value='http://www.sayee.com/cloudchen/js/secondaryChange.htm'>3. 二级联动
<option value='http://www.sayee.com/cloudchen/js/myCalendar.htm'>4. 网页日历
</SELECT>
<SCRIPT LANGUAGE="JavaScript">
function tips(v) {
with(tip.style) {
pixelLeft = event.offsetX;
pixelTop = event.offsetY;
visibility = "visible";
tip.innerText = v;
}
}
</SCRIPT>

[ptma]

To：cloudchen(陈系上)
你误解我的意思了，我要的不是下拉式的，并且，你的代码在鼠标移动到莫个选项的时候是没有提示的，

[nik_Amis]

up

[ptma]

自己来顶