ansaurus

Question

jQuery - triggering function after click on <option> tag

Answer 1

+1 A:

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.

Daniel Schaffer 2009-09-26 16:55:54

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

Mike 2009-09-26 17:02:12

Answer 2

+1 A:

try the change event example here

Yassir 2009-09-26 17:11:31

Answer 3

+1 A:

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"&gt;&lt;/script&gt;  
    <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.

Sbm007 2009-09-26 17:14:25

ansaurus

tags:

views:

answers:

jQuery - triggering function after click on <option> tag

related questions