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>