Javascript On change事件触发其他事件

我创建了一些输入字段，并将其值绑定到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">

---

说清楚一点，我似乎有两个不同的问题。一是当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" />

似乎工作正常->嗯..与我的其他代码结合使用时停止工作。它以前是工作的，所以我将研究我更改了什么..您可能在其他地方有错误，请检查控制台（F12）…意识到我在其他地方重用了其中一个ID名称。问题解决了。我可以结束我的问题，还是干脆不提？

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