為什么 input.value 在警報中調用時返回未定義

Question

我有一個文本輸入，我想在按回車鍵后提醒 input.value

所以我做了這個代碼 HTML：

<input type="text" id="food">

js:

$('#food').on('keypress',function(e) {
 if(e.which == 13) {
    const food = $('#food').value;
    alert(food);
 }
});

在警報中，它顯示undefined 。 另外，控制台沒有console error

Answer 1

您應該使用val()方法來獲取 jquery 中輸入的值

$('#food').val()

value在 vanilla JS 中使用，而不是在 jquery 中。

 $('#food').on('keypress', function(e) { if (e.which == 13) { const food = $('#food').val(); console.log(food); // alert( food ); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="food">

Answer 2

您需要在 jQuery 上使用 function 來獲取該值。

$('#food').val();

$('#food').attr('value');

Answer 3

它不是const food = $("#food").value而是const food = $("#food").val()

Answer 4

在 jquery 你應該使用 .val() 來獲取字段的值 insted of.value

`const food = $('#food').val();`