如何让鼠标移到select中option上时产生事件

 我来答

1个回答

匿名用户
2015-01-17

展开全部

<select size=3 >
           <option id="1">1</option>
           <option id="2">2</option>
           <option id="3">3</option>
           <option id="4">4</option>
           <option id="5">5</option>
            <option id="6">6</option>
</select>
当我鼠标移上select中的一个option时能不能获取当前option的值呢？那个onchange我知道，我想用onmouseove事件是不是可以做到？
如果不行，有哪个大大能告诉我怎么重写个select啊，从而能达到上述效果呢？
我想了很长时间都没想出来，希望有哪个大大解决下，那个希望在html上做。
问题补充：<div class="quote_title">qinglangee 写道</div><div class="quote_div"><pre name="code" class="html"> 
<html> 
<head> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function attachTest() { 
    $("#select").bind("mouseover", function(e){ 
        if (e.target.id!= 'select') { 
            document.getElementById('test').innerHTML = e.target.value; 
        } 
    }); 
} 
</script> 
</head> 
<body onload="attachTest()"> 
<div id="test">Something Here</div> 

<select id="select" size=2> 
<option value="1" id="ooo">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
<option value="4">Four</option> 
</select> 
</body> 
</html> 

</pre></div> <br /><div class="quote_title">qinglangee 写道</div><div class="quote_div">以下代码只在firefox chrome等浏览器中有效 <br />因为ie6中<option>没有onmouseover事件,所以用jquery绑定事件也是一样 <br /> <br />所以还是用div来模仿select显示比较好 <br /><pre name="code" class="html"> 
<html> 
<head> 
<script type="text/javascript"> 

function showselectValue(e) { 
    if (e.target.id!= 'select') { 
        document.getElementById('test').innerHTML = e.target.value; 
    } 
} 

function attachTest() { 
    document.getElementById('select').addEventListener('mouseover',showselectValue,false); 
} 

</script> 

</head> 

<body onload="attachTest()"> 

<div id="test">Something Here</div> 

<select id="select" size=3> 
<option value="1">One</option> 
<option value="2">Two</option> 
<option value="3">Three</option> 
<option value="4">Four</option> 
</select> 

</body> 
</html> 
</pre> <br /></div> <br />


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何让鼠标移到select中option上时产生事件

其他类似问题

为你推荐：