关于HTML标签<select>的事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于HTML标签<select>的事件相关的知识,希望对你有一定的参考价值。

我知道配置OnChange="func()"可以在此下拉框的值改变时触发func()方法。可是我现在的需求是,只要此下拉框被点开,不管用户选了哪个项(可以是原来那个项),都触发此方法。求代码.jsp

<select onclick="alert(2);">
<option>123</option>
<option>234</option>
<option>345</option>
</select>

这样的吧!

追问

不明白你的意思哦。。。onClick直接不给用户选择哪一项就直接触发了,我实现的是,在OnChange的原则上,即使我还选回原来的那个项,还是要触发func(),而OnChange是不会触发的。

追答

加个默认的行么?

<select onchange="alert(2);">
<option selected="selected">请选择</option>
<option>123</option>
<option>234</option>
<option>345</option>
</select>

参考技术A 把OnChange换成onclick 点击事件追问

不行的。onClick直接不给你选择哪一项了,我实现的是,在OnChange的原则上,即使我还选回原来的那个项,还是要触发func(),而OnChange是不会触发的。

追答$(function()
a=0;
$("select").click(function()
if(a==1)
alert(a);//在这执行你的函数
a=0;

else 
a=1;

)
)

本回答被提问者采纳

select选项触发事件

利用select标签中的onchange属性来获取

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 2 <HTML>
 3  <HEAD>
 4   <TITLE> New Document </TITLE>
 5 <select id="pid" onchange="gradeChange()">
 6 
 7     <option grade="1" value="a">选项a</a>
 8 
 9     <option grade="2" value="b">选项b</a>
10 
11 </select>
12 
13 <script type="text/JavaScript">
14        function gradeChange(){
15         var objS = document.getElementById("pid");
16         var grade = objS.options[objS.selectedIndex].value;
17         alert(grade);
18        }
19 </script>
20 </HTML>

 

以上是关于关于HTML标签<select>的事件的主要内容,如果未能解决你的问题,请参考以下文章

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转传参

html中<select>标签如何鼠标经过出现下拉框

关于html中的select问题

带有链接的 select2 标记中的单击事件

select选项触发事件

关于Input内容改变的触发事件