DHTML - 使用輸入字段在頁面上更改文本

Question

我需要創建一個代碼，以便在用戶鍵入輸入字段時將示例文本更改爲用戶定義的值（類似於在堆棧溢出時編寫問題時的預覽字段）。

這需要在不使用HTML5或Flash的情況下實現，因爲用戶將運行IE8，並非所有用戶都將安裝Flash插件。

因此，我已經開始通過查看DHTML來達到預期的效果。目前，我可以在用戶輸入輸入字段時更改示例文本，但只能輸入預定義值（下面代碼中的「示例」），應如何編輯此代碼以顯示用戶定義的值？

JS

function changetext(id) 
{ 
id.innerHTML="Example"; 
} 

HTML

<form> 
Content:<input type="text" id="input" onkeyup="changetext(preview)" /> 
</form> 

<p id="preview">No content found</p> 

Answer 1

你需要有這樣的事情在功能：

function changetext(id){ 
    var info = document.getElementById('input').value(); 
    id.innerHTML = info; 
} 

這個js是不完全正確。我強烈建議你開始使用一個JavaScript庫，如jQuery。這使得這是一項瑣碎的任務。

編輯：

jQuery將在IE8中工作就好了。在jQuery中，您不需要將js附加到輸入中。代碼看起來像這樣。

$('#input').click(function(){ 
    $('#preview).html(this.val()); 
}); 

這是一個很多更清潔，並沒有js在html中。