jQuery的存儲輸入框的值，然後回顧它在其他地方

Question

$("form").submit(function() { 
    var english = $("input #rawr").val() 
    $("h1 em").append(" " + english + " "); //Current submit brings up 'undefined' 
    return false; 

}); 

<form> 
    <input type="text" name="rawr" id="rawr" /> 
    <input type="submit" /> 
</form> 

Answer 1

您正在使用ancestor descendant選擇，這是不是你想要的。

選擇器正在尋找具有id = rawr（INPUT元素的子元素）的元素。

您選擇刪除空格：

var english = $("input#rawr").val(); 

或不使用標記名稱可言，因爲你有一個唯一的ID：

var english = $("#rawr").val(); 

也不要忘記你的分號！

Answer 2

使英國VAR：

var english = $("#rawr").val() 

Answer 3

$("form").submit(function (e) { 
    e.stopPropagation(); 
    var english = $("#rawr", $(this)).val(); 
    $("h1 em").append(" " + english + " "); 
}); 

<form> 
    <input type="text" name="rawr" id="rawr" /> 
    <input type="submit" /> 
</form>