jQuery - triggering function after click on <option> tag

Question

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?

Waleed Amjad · Accepted Answer · 2009-09-26 17:14:25Z

1

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.

answered Sep 26, 2009 at 17:14

Waleed Amjad

6,8284 gold badges37 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Schaffer · Accepted Answer · 2009-09-26 16:55:54Z

1

Off the top of my head, I don't think all browsers support click events for <option> elements.

You'll need to handle the change event for the parent <select> element.

answered Sep 26, 2009 at 16:55

Daniel Schaffer

58.1k32 gold badges120 silver badges166 bronze badges

1 Comment

Mike Over a year ago

Could you please give me name of any function or something I should look for?

Hannoun Yassir · Accepted Answer · 2009-09-26 17:11:31Z

1

try the change event example here

answered Sep 26, 2009 at 17:11

Hannoun Yassir

21.4k23 gold badges80 silver badges114 bronze badges

Collectives™ on Stack Overflow

jQuery - triggering function after click on <option> tag

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related