Question

我尝试做一些非常简单的事情，但它似乎并没有起作用。我有一个小表格，询问人们的账单金额，然后如果金额小于50，提交表格将触发警报。当这不起作用时，我开始试图找出原因。这是我当前的代码，并且没有显示在控制台中的值。我得到一个空行，显示它试图拉取值的位置，但没有拉出任何值。没有任何错误显示。

<form id="systemForm">

<fieldset><label>Average bill amount</label><input type="text" name="billAmount" id="billAmount"/></fieldset>

<p class="test" id="test">SUBMIT</p>

<script>

$( document ).ready(function() {
    var theForm = $('#systemForm');
    var billAmountNum = $( "#billAmount" ).val();



    $( "#test" ).click(function() {
      console.log(billAmountNum);
    });
});

</script>

Answer 1

您正在准备好文档上设置billAmountNum = $（'＃billAmount'）。val（），然后向test.click添加一个事件监听器，并记录billAmountNum，它等于页面加载时的空字符串。

改变这个：

$( "#test" ).click(function() {
      console.log(billAmountNum);
    });

对此：

$( "#test" ).click(function() {
      console.log($( "#billAmount" ).val());
    });

使用jQuery从表单域

1 个答案: