2017-09-21 83 views
-1

我知道這可能是所有人的小菜一碟,但即時通訊真的沒有任何與JavaScript的好處。用javascript設置輸入值的文本

我想用javascript設置html輸入的值。

我有一個這樣的輸入:

<input id="input-data" value=""/> 

我想設置的JavaScript值的文本,這意味着,如果像「可口可樂」輸入ID pass值,它應該顯示「可口可樂」在輸入

這是我如何努力

document.getElementById("input-data").value = "CocaCola"; 

但沒有數據被顯示在輸入。當我運行調試器並將價值作爲我的手錶時,「可口可樂」存儲在值中。

我究竟在想什麼?

+0

工作正常,我https://jsfiddle.net/ganL2vcc/。元素呈現給頁面後,你是否運行該代碼?你檢查控制檯是否有錯誤? – j08691

+0

@ j08691即時通訊不知道如果我知道你的問題的答案,因爲我不知道這意味着什麼。但你也在jsfiddle中爲我工作 – aiden87

+0

按F12打開瀏覽器工具並查看控制檯選項卡,然後重新加載頁面並查看是否收到任何消息。 – j08691

回答

0

確保您的代碼是在HTML標籤,就像這樣:

<input id="input-data" value=""/> 
<script> 
    document.getElementById("input-data").value = "CocaCola"; 
</script> 

或者你可以使用:

window.onload = function(){ 
    document.getElementById("input-data").value = "CocaCola"; 
} 

它可在任意時間,任何地點。

-1

您的設置值的JavaScript代碼是正確的。

您也可以嘗試jQuery來設置這樣的值,

$('#input-data').value = 'CocaCola'; 
+1

a)「它的工作原理」從來不是一個答案,最好是一個評論,有幾個人已經評論過這個問題; 2)這個問題甚至沒有提到jQuery,這對於基本的東西來說太過分了,提到你的jQuery是錯誤的。 – j08691

相關問題