ansaurus

Question

How to change form element values in HTML

Answer 1

+1 A:

Try using:

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

It looks like your page is refreshing, and that is probably why your field text disappears. If your onClick listener returns false, it will prevent this default behaviour.

Daniel Vassallo 2010-07-19 07:43:24

great...this works!! Thanks :)

2010-07-19 07:48:19

Answer 2

+1 A:

you can give that textbox an id

and then run document.getElementById("textboxid").value ="success";

that will work in all browsers

guy schaller 2010-07-19 07:43:43

Answer 3

A:

The form gets submitted upon clicking the button that is typed as "submit" - the page gets reloaded.

Return false from the changeText() method and change onClick=changeText() to onClick="return changeText();" to prevent the form from getting submitted.

Alternatively, you can change the type of the button from "submit"to "button" to prevent submission. Then you'd have to add another submit button (even returning false will need you to find another way to submit the form).

Amarghosh 2010-07-19 07:44:58

Answer 4

A:

<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='';" />

gearsdigital 2010-07-19 07:45:47

Answer 5

A:

guy schaller

document.getElementById("textboxid").value ="success";

is good idea!

vijayakumar-n

try to save var form = document.forms['detail']; in a hidden input! then you will always be able to reach the form data..

blgnklc 2010-07-19 07:52:19

ansaurus

tags:

views:

answers:

How to change form element values in HTML

related questions