將用戶輸入保存在變量中，然後發佈該變量

我有一個小表單，當我單擊加入按鈕並輸入我的信息時，我想要它保存用戶名錶單的值，然後替換加入和註冊按鈕的名稱或「你好」+名稱。將用戶輸入保存在變量中，然後發佈該變量

所以我有一個的jsfiddle這裏：http://jsfiddle.net/LCBradley3k/t3HF5/ 我認爲這將是類似於下面的代碼，但不工作：

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

然後，我希望它在某些類型的投入名稱的div取代頂部的兩個按鈕。

來源

2013-03-10 James Mitchell

如果你使用jQuery（你的jsfiddle表明你是），這應該是相當平凡的。

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

希望有幫助！

來源

2013-03-10 18:46:33

現在哪裏會發生在JSFiddle？另外，我將如何將值添加到一個div，所以我可以將其定位，等等...？ – 2013-03-10 18:49:32

不知道你需要它完全是，但我會用它來抓取用戶所輸入的值時，他們點擊布敦$（「＃加入」）。在（「點擊」，（）的函數，而且你是什麼指由值添加到一個div？如果你想添加值的東西，做$（「＃名稱」）。VAL（「這裏的值」），在這種情況下是不可取的，因爲它是一個用戶輸入。現場 – 2013-03-10 18:52:41

再次重讀您的文章看起來一旦你的名字領域，目標的div的ID，並把內容有$（「＃DIVID」）HTML（名稱）;。例如 – 2013-03-10 18:56:21

使用純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;

來源

2013-03-10 19:26:00 Alex

將用戶輸入保存在變量中，然後發佈該變量

回答

相關問題