如何更改HTML中的表單元素值

我有這段簡單的代碼。如何更改HTML中的表單元素值

<html> 
<head> 

    <script type="text/javascript"> 
    function changeText() 
    { 
     var form = document.forms['detail']; 
     form.desc.value="success"; 
    } 
    </script> 
</head> 
<body> 
    <form name="detail"> 
    <input type="text" name="desc" id="desc" > 
    <input type="submit" value="changetext" onClick=changeText()> 
    </form> 
</body> 
</html>

當我在Mozilla瀏覽器中運行這個名爲「遞減」的變化文本框的值立刻消失......即它不是永遠顯示和變空。

我該如何解決它。

問候，維傑使用

來源

2010-07-19 user376539

嘗試：

<input type="submit" value="changetext" onClick="changeText(); return false;">

它看起來像你的頁面令人耳目一新，這可能是爲什麼你的領域文本消失。如果您的onClick偵聽器返回false，它將阻止此默認行爲。

來源

2010-07-19 07:43:24

很好...這個作品！謝謝：） – user376539 2010-07-19 07:48:19

你可以給文本框一個id

，然後運行的document.getElementById（「textboxid」）值= 「成功」。

，將在所有瀏覽器

來源

2010-07-19 07:43:43

表單會在點擊，它的類型爲"submit"按鈕提交工作 - 頁面重新加載得到。

從changeText()方法返回false並將onClick=changeText()更改爲onClick="return changeText();"以防止表單被提交。

或者，您可以將按鈕的類型從"submit"更改爲"button"以防止提交。然後你必須添加另一個提交按鈕（即使返回false也需要你找到另一種提交表單的方式）。。

來源

2010-07-19 07:44:58 Amarghosh

<input type="text" name="txt" id="txt" value="Name" onblur="if(this.value.length == 0) this.value='Name';" onclick="if(this.value == 'Name') this.value='';" />

來源

2010-07-19 07:45:47 gearsdigital

人沙勒

的document.getElementById（「textboxid」）值= 「成功」;

是個好主意！

維賈雅庫馬爾正

嘗試保存變種形式= document.forms [ '細節'];在一個隱藏的輸入！那麼你將永遠能夠達到表格數據..

來源

2010-07-19 07:52:19 theklc

如何更改HTML中的表單元素值

回答

相關問題