How to call a function associated with a dropdown by firing change event on it

Question

I want to call a function on a change of a dropdown and change event will be fired with jquery........................................................................................................................................................................................................................................

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        function a(a) {


            alert('Funtion A');
        }

        $(document).ready(function(){
            $('#sel').change(function(){
                a('a')
            })


            $('button').click(function(){
                $('#sel').click()
                $('#sel').val('B');

            })
        });
    </script>
</head>
<body>
    <select id="sel" >
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>

    <button type="button">Change</button>

</body>
</html>

any error on console?

Sanjit Bhardwaj
– Sanjit Bhardwaj

2019-01-23 12:25:28 +00:00
Commented Jan 23, 2019 at 12:25 — Sanjit Bhardwaj
– Sanjit Bhardwaj, Commented Jan 23, 2019 at 12:25

David · Accepted Answer · 2019-01-23 12:25:53Z

1

If I understand you correctly, you're looking to set the value of a <select> and trigger its change event? That would simply be this:

$('#sel').val('B').trigger('change');

Or, if you prefer to keep it on two lines as in your current attempt:

$('#sel').val('B');
$('#sel').trigger('change');

The former is generally preferred and consumes slightly less resources, but if you personally prefer two explicit statements as you learn then there's no real harm in the latter.

answered Jan 23, 2019 at 12:25

David

221k42 gold badges245 silver badges337 bronze badges

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

Comments

Hamzeh.Ebrahimi · Accepted Answer · 2019-01-23 12:30:22Z

0

use the following way to fire events of on other element

$("#sel").trigger("change");

answered Jan 23, 2019 at 12:30

Hamzeh.Ebrahimi

3051 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to call a function associated with a dropdown by firing change event on it

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related