how can detect every change on input in jQuery

Question

I have 2 input that i send some value from input1 to input2 i want detect when input2 is changed.

HTML

<input type="text" id="input1"/>
<input type="text" readonly id="input2"/>

JS

$('#input1').on("change" , function() {
  if($("#input1").val() == "550") {
     $("#input2").val("2012")
  }
  else if($("#input1").val() == "650") {
     $("#input2").val("2013")
  }
  else {
     $("#input2").val("")
  }
})

now i want detect when input2 have value and when is empty

this code don't work because it when happened that input have changed with keyboard or etc

$('#input2').on('input',function(e){
     alert('Changed!')
});

I need a code like that to detect every changes in input2 , thanks

Abhishekh Gupta · Accepted Answer · 2015-09-20 09:23:10Z

3

You can try this:

$('#input1')
    .on('keyup input', function(){
        var value = $(this).val();
        var $input2 = $('#input2');
        switch(value) {
            case "550":
                $input2
                    .val("2012");
                $input2
                    .trigger('change');
                break;
            case "650":
                $input2
                    .val("2013");
                $input2
                    .trigger('change');
                break;
            default:
                $input2
                    .val("");
        }
    });
$('#input2')
    .on('change', function(){
        alert($(this).val());
    });

Here is the FIDDLE.

answered Sep 20, 2015 at 9:23

Abhishekh Gupta

6,2464 gold badges20 silver badges49 bronze badges

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

1 Comment

MojtabaSh Over a year ago

wonderful, thank you so much @Beginner, .trigger('change'); is my solution

Suchit kumar · Accepted Answer · 2015-09-20 09:24:40Z

0

Try this:put your entire code inside input1 input event.If you want to copmare with old input2 value then check it before assigning new value to it.

$('#input1').on('blur',function(e){
   var values="";
     if($(this).val() == 550) {
          values="2012";
}
else if($(this).val() == 650) {
   values="2013";
}
else {
   values="";
}

if($("#input2").val() == values){
alert("no change");
}else{
$("#input2").val(values);
alert("changed");
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input1"/>
<input type="text" readonly id="input2"/>

edited Sep 20, 2015 at 9:24

answered Sep 20, 2015 at 9:17

Suchit kumar

11.9k3 gold badges26 silver badges46 bronze badges

1 Comment

MojtabaSh Over a year ago

Thank you,I have not problem for show 2012 or 2013 in input2, i have problem to detect when input2 is changing from 2012 to 2013 or going to empty value

Collectives™ on Stack Overflow

how can detect every change on input in jQuery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related