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

On change event triggers additional event

本文关键字：事件 其他      更新时间：2024-04-27

我创建了一些输入字段，并将它们的值绑定到一个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返回一个空字符串。

这样做是因为您没有正确关闭标记。

试试这个：

<input type="text" class="form-control" id="drinkInput" placeholder="Drink Name" />
<input type="text" class="form-control" id="typeInput" placeholder="Drink Type" />
相关文章：