Question

 $(document).ready(function() {
  var modelNumber = false;
  var Description = false;

  $('#step-two-btn').click(function(e) {
    e.preventDefault();

    modelNumber = $("#model-number-field").val();
    Description = $("#description-field").val();

    alert(modelNumber); //undefined
    alert(Description); //undefined
  });

});

有谁能告诉我为什么以下变量返回undefined？我已经定义了全局变量，但jquery似乎没有识别它们。

Answer 1

当您设置HTML

时，这似乎正常运作

＆＃13;

 $(document).ready(function() {

  var modelNumber = false;
  var Description = false;


  $('#step-two-btn').click(function(e) {
    e.preventDefault();
    modelNumber = $("#model-number-field").val();
    Description = $("#description-field").val();
    alert(modelNumber); //undefined
    alert(Description); //undefined
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="model-number-field">
<input type="text" id="description-field">
<button id="step-two-btn">click</button>

＆＃13;

Answer 2

尝试：

，而不是警告变量

alert($("#model-number-field").length);
alert($("#description-field").length);

如果两者都返回0，那么它不会通过ID找到您的元素。仔细检查HTML标记。注意：我并不是说这是一个永久的解决方案，只是进行验证的快速测试。

变量在jquery函数中返回undefined

2 个答案: