Le changement d'entrée

Question

je l'entrée cachée suivante cachée dans une balise form:

<input type="hidden" id="myID" name="pn" value="">

Le changement, si la valeur de cette entrée est « ABCD », puis faire quelque chose. Mais je ne peux pas le faire fonctionner.

Ceci est mon script:

$("#myID").change(function() { 
 
    var myVAR = $("#myID").val(); 
 
    if (myVAR == "abcd") { 
 
    // my code here 
 
     } 
 
});

Quelqu'un peut-il aider pls? Merci beaucoup.

Answer 1

Parce que l'entrée est cachée, lorsque vous modifiez la valeur, vous devez déclencher le changement: $("#myID").val('abcd').trigger('change');

$("#myID").change(function() { 
 
    if ($(this).val() == "abcd") { 
 
    alert("Found 'abcd'"); 
 
     } 
 
}); 
 
$(document).on('click', 'button', function() { 
 
    $("#myID").val('abcd').trigger('change'); 
 
    alert($("#myID").val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="hidden" id="myID" name="pn" value=""> 
 
<button>Set abcd for myID</button>