Захват значение скрытого элемента ввода JQuery

Question

У меня есть следующий входной элемент:

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

Мне нужно захватить событие, когда оно изменяется и значение не является пустым. Я просмотрел более старые вопросы SO, однако ничего не работало.

Вот последний фрагмент кода я придумал, однако он не работает, либо, и нет никаких ошибок в консоли:

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

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

Любая помощь или руководство высоко ценится.

Answer 1

Вы неправильно селектор целевой элемент, Вы должны использовать ID селектор # здесь целевой элемент по идентификатору:

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

Answer 2

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

Answer 3

Вы должны использовать правильный селектор #input_2_203_data. Использование .change() работает отлично.

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

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