當文本框的值動態變化時，如何刷新html中的網頁？

當文本框的值動態變化時，如何刷新html中的網頁？當文本框的值動態變化時，如何刷新html中的網頁？

2011-03-14 Prabakaran

如果您解釋這樣做的目的，你可以得到更好的答案。 – amosrivera 2011-03-14 06:24:44

我想你想要onChange javascript事件。

<SCRIPT TYPE="text/javascript"> 
<!-- 
function checkEmail(mytext) 
{ 
if(mytext.length == 0) 
    { 
     alert("You didn't type anything!"); 
    } 
} 
//--> 
</SCRIPT> 
<FORM> 
<INPUT NAME="email" onChange="doStuff(this.value)"> 
</FORM>

來源

2011-03-14 06:29:47

不！如果我們給onChange意味着文本框的值需要手動改變，但是當它動態地改變時不需要輸入或手動點擊就需要刷新動作 – Prabakaran 2011-03-14 06:51:07

所以你說如果textbox的值被-anything設置，腳本或者用戶，你想要一個能處理它的事件嗎？ – 2011-03-14 14:15:03

將文檔位置設置爲當前值，它會刷新！

document.location=document.location

來源

2011-03-14 06:34:07

改變輸入元件will not trigger its onchange() handler的value屬性。

您可以用window.location.reload()重新加載頁面。

來源

2011-03-14 06:36:46 alex

每個用戶在評論中的附加信息，它聽起來像是任何改變都需要一個動作。

這聽起來非常類似這樣的問題：（其標題是一種誤導;不需要jQuery的） How to detect a textbox's content has changed

好像做的最好的方式，它是通過使用window.setInterval輪詢領域，如果它從原始值改變，調用window.location.reload（）。 setInterval的500ms可能足夠快。

所以：

<SCRIPT TYPE="text/javascript"> 
<!-- 
function doStuff() 
{ 
    var myElement = document.getElementById("stuff"); 
    if(myElement.length > 0) 
    { 
     window.location.reload(); 
    } 
} 
//--> 
</SCRIPT> 
<BODY onload="self.setInterval('doStuff()',500)"> 
<FORM> 
<INPUT TYPE="text" ID="stuff" NAME="stuff"> 
</FORM> 
</BODY>

來源

2011-03-14 14:28:14

請注意，我實際上並未與原始值進行比較;我正在比較一個空字符串。 – 2011-03-14 14:51:55

當文本框的值動態變化時，如何刷新html中的網頁？

回答

相關問題