将用户输入保存在变量中，并发布该变量

Question

我有一个小表单，当我单击Join按钮并输入我的信息时，我希望它保存Username表单的值，然后用他们的名字或“Hello”+ name替换Join和Signup按钮

所以我在这里有一个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;

用name替换div的内容：

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

您也可以使用html：

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

或者替换div的值：

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