Jquery Multiple elements-Multiple events - Same function

Question

I have not found any answer. So asking.

My HTML code

<button id="myButton">Click Me</button>
<select id="mySelect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

My JS

$("#myButton").on("click", function(){
    alert("Hi");
});
$("#mySelect").on("change", function(){
    alert("Hi");
});

So in both events my function do the same thing. How can I combine these two events and type my function there? Is it possible?

I heard about trigger. I can use that. But want to know if there is any way to merge these events.

JSFiddle Demo

use a referenced function for that

A. Wolff
– A. Wolff

2013-12-23 12:41:11 +00:00
Commented Dec 23, 2013 at 12:41 — A. Wolff
– A. Wolff, Commented Dec 23, 2013 at 12:41

adeneo · Accepted Answer · 2013-12-23 12:40:36Z

6

Use one function, and reference it in the event handlers

$("#myButton").on("click", function_name);
$("#mySelect").on("change", function_name);


function function_name() {
    // code for both handlers goes here
}

answered Dec 23, 2013 at 12:40

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Myth · Accepted Answer · 2013-12-23 12:43:58Z

0

You can use javascript function

  <script>
    function clickme(){
    alert("Hi");
    }
    </script>    

<button id="myButton" onclick="clickme()">Click Me</button>
    <select id="mySelect" onchange="clickme()">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>

answered Dec 23, 2013 at 12:43

Myth

4467 silver badges19 bronze badges

Collectives™ on Stack Overflow

Jquery Multiple elements-Multiple events - Same function

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