javascript textbox changer

[Monie]

I have a form...
which consist of two text field that will be entered by the user!

What i want to do is, there will be a button or a text link beside each of the text box(similar to javascript date picker) but when the user click the link, what ever inside the text box will be replace with "EMPTY" word, this "EMPTY" word is fixed!

can anybody help me!

[benbacardi]

add an id="text1" and id="text2" to each text field, and then for the button or text link put the following code:

Code: Select all

document.getElementById('text1').value = "EMPTY";

where text1 is the id of the text boxes

hope that helps

[Monie]

well, i get the idea, but i dont know how to make the link text?
this is my from:
How do i make the link
Where should i put the "document.getElementById('text1').value = "EMPTY";"

can you show me, please

<form name="form1">



<input id="text1" type="text" name="age">change</p> <--This will be the text button-->
</p>
</form>

[benbacardi]

like this monie

Code: Select all

<form name="form1">



<input id="text1" type="text" name="age">change</p> Text Link
</p>
</form>

[Monie]

thanx benbacardi

[Monie]

hey...another thought!
What if i have multiple field that i want to change the value inside the text box with just one text link?

i tried to modify your code but doesn't seems to work!
is it posible to do that?

[benbacardi]

what do you mean a multiple field?

[Monie]

Sorry about that...
I have more that one text box (text input)in my page,
when i clicked the text link(that you gave me)...
all of the value inside the text box will be changed to "EMPTY"
that means, with just one text link,
it will change all the text input to "EMPTY"

[benbacardi]

just add more id's to the text boxes, and then add more corresponding

Code: Select all

document.getElementById('text1').value="EMPTY";

to the onclick event of the link.

Make sure you have the semi-colon at the end of each "EMPTY"; - otherwise it wont work!