怎样在 select 的 option 中显示提示信息(title)?
HTML 中有很多对象都有title属性，如：<a title="haha">哈哈</a>
在“哈哈”上悬停一下鼠标就可以显示出“haha”的提示
可是option就没有，下面的脚本就不能显示提示信息
<select>
<option title="显示的提示信息">测试</option>
</select>
有什么方法可以实现这样的功能吗？用javaScript可以实现吗？
问题点数：0、回复次数：7Top
1 楼net_lover（【孟子E章】）回复于 2005-06-01 23:14:52 得分 0
这些是没有的，js可以实现类似的功能，但要显示在别处
<div id=a></div>
<select onchange="a.innerText=this.options[this,.selectedIndex].text">
<option title="显示的提示信息">测试</option>
</select>
Top
2 楼bflovesnow（）回复于 2005-06-02 09:08:38 得分 0
好象不行....Top
3 楼springwood（background-color:white）回复于 2005-06-02 12:33:01 得分 0
<HTML>
<HEAD>
<style>
.a
{
BORDER-RIGHT: lightblue 1px solid;
BORDER-TOP: lightblue 1px solid;
LEFT: 280px;
BORDER-LEFT: lightblue 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: lightblue 1px solid;
POSITION: absolute;
TOP: 37px;
HEIGHT: 24px;
}
.b
{
FONT-SIZE: 9px;
BORDER-LEFT-COLOR:lightblue;
LEFT: 358px;
BORDER-BOTTOM-COLOR:
lightblue;
WIDTH: 20px;
COLOR: mediumblue;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: lightblue;
BORDER-RIGHT-STYLE: solid;
BORDER-LEFT-STYLE: solid;
POSITION: absolute;
TOP: 39px;
HEIGHT: 20px;
BACKGROUND-COLOR: white;
BORDER-RIGHT-COLOR: lightblue;
BORDER-BOTTOM-STYLE: solid;
FILTER: progid:DXImageTransform.Microsoft.Matrix(SizingMethod ='auto expand',FilterType=bilinear,Dx=0,Dy=0,M11=-1,M12=0,M21=0,M22=-1);
}
.c
{
LEFT: 280px;
WIDTH: 100px;
POSITION: absolute;
TOP: 60px;
HEIGHT: 24px;
display:none;
cursor:pointer;
}
</style>
</HEAD>
<BODY>
<INPUT id=select2 class="a">
<INPUT type=button value="▲" class="b" onclick="ddd(this);" title="">
<TABLE border="1" CELLPADDING=0 CELLSPACING=0 bordercolor="lightblue" class="c" onclick="aaa(this);">
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="1">
<img src="images/star.gif">1星
</TD>
</TR>
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="2">
<img src="images/star.gif">2星
</TD>
</TR>
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="3">
<img src="images/star.gif">3星
</TD>
</TR>
</TABLE>
<SCRIPT >
function aaa(obj)
{
previousSibling(previousSibling(obj)).value= window.event.srcElement.innerText;
previousSibling(previousSibling(obj)).title= window.event.srcElement.title;
eee(obj);
}
function bbb(obj)
{
obj.borderColor="#FF0000";
}
function ccc(obj)
{
obj.borderColor="#ffffff";
}
function ddd(obj)
{
nextSibling(obj).style.display="block";
}
function eee(obj)
{
obj.style.display="none";
}
function nextSibling(obj)
{
for(i=1;i<obj.document.all.length;i++)
{
if(obj==obj.document.all(i))
{
return(obj.document.all(i+1))
}
}
}
function previousSibling(obj)
{
for(i=1;i<obj.document.all.length;i++)
{
if(obj==obj.document.all(i))
{
return(obj.document.all(i-1))
}
}
}
</SCRIPT>
</BODY></HTML>
Top
4 楼bingbingcha（不思不归,不孟不E,原来是头大灰狼）回复于 2005-06-02 12:57:14 得分 0
只能用JS模拟。。没有这样的代码。用孟子的方法，简单Top
5 楼kouhongyu（乜疯）回复于 2005-06-21 09:04:33 得分 0
springwood 的方法是用表格模拟的，net_lover(孟子E章) 的方法不能用，有没有真正的<select>呀？Top
6 楼sdpong（耶和华）回复于 2005-07-08 09:26:21 得分 0
dingTop
7 楼net_lover（【孟子E章】）回复于 2005-07-08 09:30:15 得分 0
没有Top
相关问题
- select 框的提示问题
- 我想对应的列插入平均值，为什么总提示我“Select one or more columns or computes prior to selecting this option"
- 数据窗口提示select error
- select 语句提示语法错误？？
- 怎样在<a></a>中使得title提示要以换行显示？
- 怎么给<asp:HyperLink>加上个Title提示
- <select><option 中怎么实现类似title 属性？>title</option></select>
- 提示Table storage engine for 'table_name' doesn't have this option，我该如何解决
- 这是什么问题啊！提示：select error:Data-conversion resulted in overflow.
- 出错时提示“select returned more than one row”是怎么回事？
