Home >Web Front-end >JS Tutorial >Example analysis of select drop-down box selection trigger event based on jQuery
The example of this article describes the implementation method of the select drop-down box selection trigger event based on jQuery. Share it with everyone for your reference. The details are as follows:
I have always believed that selecting the options in the select drop-down box can use onclick to register the event, as follows:
<select> <option value="0" onclick="func(0)">选项一</option> <option value="1" onclick="func(1)">选项二</option> </select>
There is a request today To make a linked menu, every time you click, the adjacent drop-down box will automatically change. I thought it was no problem. Onclick started
, so I followed the above route. The customer also said that IE8 must support it, so I Think about it, the IE kernel of XP can only be upgraded to IE8. Now many users are still reluctant to part with XP, but it supports onclick. I tried it under ff, and there was no problem at all. But when I switch to IE8, I will tell you, there is a little reaction. No.
Then I searched for information in many ways. It turns out that the select event is registered on its own label, not onclick, but onchange. The sub-label is invalid for lower version browsers, and it is not a formal and standard way of writing.
<select onchange="func()> <option value="0" >选项一</option> <option value="1" >选项二</option> </select>
Okay, here comes the problem again, what should I do with the parameters I passed? How to receive parameters
This is not a problem, jQuery will give you the answer
function func(){ //获取被选中的option标签 var vs = $('select option:selected').val(); }
Of course, it is best to add an id to the select here to facilitate confusion, ok, the problem is solved, I have raised my posture, haha. . .
I hope this article will be helpful to everyone in jQuery programming.
For more jQuery-based select drop-down box selection trigger event instance analysis related articles, please pay attention to the PHP Chinese website!