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

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

我这里有一个JSFIDLE： 我认为它可能类似于以下代码，但这不起作用：

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

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

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

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

希望有帮助

如果是输入元素，使用纯javascript（无jQuery）获取输入值使用：

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

要将div的内容替换为

名称

：

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

您还可以使用html：

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

---

现在，在JSFiddle中，这到底会去哪里？另外，我如何将值添加到div中，以便定位它，等等？不确定您需要它的确切用途，但我会使用它来获取用户在单击buton$（“#join”）.on（'click'，function（））时输入的值。将值添加到div是什么意思？如果您想向某个对象添加值，请执行$（“#name'）.val（'here's the value'），在本例中不建议这样做，因为它是一个用户输入字段。请重新阅读您的文章。看起来，一旦您有了name字段，就可以将div的ID作为目标并将内容放在那里。$（'#divID'）.html（name）；例如。还要看一看。序列化，特别是当您使用具有许多字段的表单时，收集值并将其序列化以备发布时，这会使工作变得更加轻松：

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