Select's onSelect event doesn't work in IE and Chrome

Select's onSelect event doesn't work in IE and Chrome

    Hi,

    I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event) in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox. 

    I tried it without the component and it looks like this: 
    1. <html>
    2. <head>
    3. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    4. <script type="text/javascript">
    5. function select() {
    6. $('#customid').trigger('onselect');
    7. }
    8. </script>
    9. </head>

    11. <body>
    12. <div id="main">
    13. <select id="customid" onselect="alert('onselect');" onchange="select();">
    14. <option value="1" selected="true">one</option>
    15. <option value="2">two</option>
    16. <option value="3">three</option>
    17. <option value="4">four</option>
    18. </select>
    19. </div>
    20. </body>

    22. </html>
    and again works only in Firefox, and not IE and Chrome. It works with onblur event, but the onselect is closer to what I need. 

    Is it not working because the html <select> tag doesn't have a select event but Firefox can do it for some reason?