Home/ Questions/Q 370387
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T14:00:46+00:00

I’ve got this code, that works in the latest version of firefox, opera and

  • 0

I’ve got this code, that works in the latest version of firefox, opera and I’m not sure if in IE8, but it doesn’t work in Google Chrome, Safari and ofc IE7 and 6.

The script I have is a bit more complicated, but the problem is in this:

<select>
<option class='gramaz_vyber'>1</option>
<option class='gramaz_vyber'>2</option>     
</select>

And the jQuery:

$('.gramaz_vyber').click(function() {
    $(this).hide();
});

As I wrote before, the code I have looks different, but I need to start a function after I click on the <option> and it only works in FF/Opera … any idea how could I get around it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It is funny indeed, it seems that you cannot use hide() on option elements in IE7 (not tested on IE8).

    But the following code works:

    <html>
<head></head>

<body>
    <select>
        <option>-</option>
        <option class="removable">1</option>
        <option class="removable">2</option>         
    </select>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
    <script type="text/javascript">
        $(function() {
            $('select').change(function() {
                $(this).find('option.removable:selected').remove();
            });
        });
    </script>

</body>
</html>

    The difference is that you are removing the object from DOM instead of simply hiding it.

    • 0