javascript - 将用户输入保存在变量中，然后发布该变量

Question

我有一个小表单，当我单击“加入”按钮并输入我的信息时，我希望它保存“用户名”表单的值，然后将“加入和注册”按钮替换为他们的姓名或“Hello”+ 姓名。

所以我在这里有一个 JSFiddle：http: //jsfiddle.net/LCBradley3k/t3HF5/ 我认为它类似于以下代码，但这不起作用：

var name  = document.getElementById("name");

然后我希望它把名称放在某种类型的 div 中，以替换顶部的两个按钮。

Answer 1

如果您使用的是 jQuery（您的 jsfiddle 表明您是），这应该是相当简单的。

var name = $('#name').val();

希望有帮助！

Answer 2

使用纯 javascript（没有 jQuery），如果它是一个输入元素，获取输入值使用：

var name=document.getElementById("name").value;

将 div 的内容替换为name：

document.getElementById("div_id").innerHTML=name;

您还可以使用 html：

document.getElementById("div_id").innerHTML="<p>" + name + "</p>";

或者替换 div 的值：

document.getElementById("div_id").value=name;