javascript - 更改时隐藏输入

我在表单标签中有以下隐藏的输入：

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

更改时，如果此输入的值为“ abcd”，请执行某些操作。但是我无法使其正常工作。

这是我的脚本：

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

有人可以帮忙吗？
非常感谢。

最佳答案

因为输入是隐藏的，所以在更改值时，需要触发更改：$("#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>

关于javascript - 更改时隐藏输入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46451748/