如何使用JavaScript在HTML文檔中讀取/寫入<input>值？

我在我的文檔中有一個<input>。在那裏我想讓用戶做一些輸入。如何使用JavaScript在HTML文檔中讀取/寫入<input>值？

var myVar = document.getElementById('userInput').value;

然後我希望這個值在另一個<input>中顯示。

document.getElementById('Preview').value = myVar;

此代碼莫名其妙無法正常工作。

任何人都可以幫忙嗎？

在此先感謝！

來源

2011-05-19 チーズパン

你想在另一個輸入要顯示的值，當用戶類型？ – wong2 2011-05-19 13:18:18

你可以顯示你的JavaScript引用的HTML嗎？ – Jeremy 2011-05-19 13:20:52

嘗試添加alert（「message」）;在你的代碼中。你的代碼在運行時是否收到這條消息？ – demas 2011-05-19 13:24:15

更新基礎上，進一步信息前評論：

<button onClick="calculateThatObscenityDeleted()">"Save"</button >

提交按鈕將提交表單，從而運行JS，但立即消隱形式。

（這可能還不是實際的問題，問題是人仍下落不明大部分代碼）

原來的答覆之前，據透露，這個問題並沒有反映問題：

var myVar=document.getElementById('userInput').value;

不要忘了=。

（而且，很明顯，你需要使用這些代碼在事件處理程序，以便只有當文件加載和用戶之前已經輸入的東西，它不執行。）

來源

2011-05-19 13:17:02 Quentin

我其實並沒有忘記我的代碼中的「=」。這個東西是在onClick（）函數中處理的。 – 2011-05-19 13:20:24

@bodycountPP：那麼你需要向我們展示更多的代碼，以便我們能夠弄清楚爲什麼它不適合你。 – 2011-05-19 13:21:57

然後縮小測試用例（a）減少問題並（b）增加額外的問題。嘗試提供一個演示整個問題的測試用例。通過鎖孔進行調試並不好玩。 – Quentin 2011-05-19 13:23:08

是它形成的？嘗試是這樣的：

oFormObject = document.forms['myform_id']; 
oFormObject.elements["element_name"].value = 'Some Value';

來源

2011-05-19 13:18:41 demas

除了錯字，你必須綁定一個事件處理程序的第一<input>：

var input_a = document.getElementById('userInput'); 
var input_b = document.getElementById('Preview'); 

input_a.onkeyup = function(){ 
    input_b.value = input_a.value;  
}

來源

2011-05-19 13:20:33 wong2

如何使用JavaScript在HTML文檔中讀取/寫入<input>值？

回答

相關問題