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" />

在更改事件时触发其他事件

1 个答案: