Capture value of a hidden input element jQuery

Question

I have the following input element:

<input type="hidden" id="input_2_204_data" name="input_2_204_data" value>

I need to capture an event when it is changed and value is not empty. I have looked over older SO's questions, however nothing seemed to work.

Here is the latest snippet I have come up with, however it does not work either, and there are no errors in console:

jQuery(document).ready(function(){
    var $sign = jQuery('[id$=input_2_204_data]');   

    $sign.on("change", function(){
        alert('hey');
    });
});

Any help or guidance is much appreciated.

There's no event raised when the value of an input is changed programmatically. You should call a function (or trigger an event manually) on the element when needed. — Rory McCrossan
– Rory McCrossan, Commented Mar 23, 2016 at 9:01

Ashkan Mobayen Khiabani · Accepted Answer · 2016-03-23 09:02:03Z

2

jQuery(document).ready(function(){
    var $sign = jQuery('#input_2_204_data');   
alert($sign.val())
});

edited Mar 23, 2016 at 9:02

answered Mar 23, 2016 at 9:01

Ashkan Mobayen Khiabani

34.4k35 gold badges111 silver badges187 bronze badges

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

Comments

Milind Anantwar · Accepted Answer · 2016-03-23 09:01:05Z

0

You have wrong selector to target element, You need to use ID selector # here to target element by id:

var $sign = jQuery('#input_2_204_data');   
$sign.on("change", function(){
    console.log($(this).val());
});

answered Mar 23, 2016 at 9:01

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

1 Comment

WpDoe Over a year ago

Copied and pasted the snippet, however it does not log the value, netiher logs any error.

birnbaum · Accepted Answer · 2016-03-23 09:11:53Z

0

You have to use the correct selector #input_2_203_data. Using .change() works just fine.

jQuery(document).ready(function(){
  var $sign = jQuery('#input_2_204_data');   

  $sign.change(function() {
    if($sign.val() != '') {
      alert( "Handler for .change() called." );
    }
  });
});

edited Mar 23, 2016 at 9:11

answered Mar 23, 2016 at 9:03

birnbaum

4,9662 gold badges32 silver badges38 bronze badges

Collectives™ on Stack Overflow

Capture value of a hidden input element jQuery

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