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!