On change事件触发其他事件

Question

我已经创建了一些输入字段，并将它们的值绑定到一个javascript变量。但是，由于某些原因，drinkInput值始终是空字符串。当调用typeInput事件时，它的值被正确地打印到控制台，后面跟着一个空字符串，我认为这就是drinkInput的值。

在此创建

<input type="text" class="form-control" id="drinkInput" placeholder="Drink Name">
<input type="text" class="form-control" id="typeInput" placeholder="Drink Type">

并被绑在这里

$("#drinkInput").on("change", function() {
    newDrink = $(this).val();
    console.log($(this).val());
});
$("#typeInput").on("change", function() {
    newType = $(this).val();
    console.log($(this).val());
});

要清楚的是，我似乎有两个不同的问题。其一，当typeInput的事件被触发时，看起来drinkInput的事件也被触发了。我的另一个问题是$(this).val()为drinkInput返回一个空字符串。

Answer 1

它之所以这样做，是因为您没有正确地关闭标记。

试试这个：

<input type="text" class="form-control" id="drinkInput" placeholder="Drink Name" />
<input type="text" class="form-control" id="typeInput" placeholder="Drink Type" />