Question

When user clicks on select box , I want to hide the options menu which I do by firing blur event on select box . Following code works on firefox but not on chrome .

 <select id="myselect" name="city">
                <option value="default" id="first">Default value</option>
            </select>



        <script type="text/javascript">

            $('#myselect').click(function(){
                $(this).blur();

            });

        </script>

In chrome options menu stays as it is.

Answer 1

Here is my hack for my problem

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
        if(is_chrome) $(".option").hide();

where class “option” represent all the option of select box.