2013-12-08 72 views
0

我創建了一些輸入字段並將它們的值綁定到一個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返回一個空字符串。

+2

似乎就好了工作 - > http://jsfiddle.net/rtK8Z/ – adeneo

+0

Huh..stops當我的代碼的其餘部分相結合,然後工作。它在工作之前,所以我會看看我改變了什麼.. – Vanquish46

+0

你可能在其他地方有錯誤,檢查控制檯(F12) – adeneo

回答

0

這樣做是因爲您沒有正確關閉標籤。

試試這個:

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