javascript textbox changer

Monie · #1 Aug 13th, 2004, 04:49

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 · #2 Aug 13th, 2004, 07:48

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 · #3 Aug 16th, 2004, 04:14

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 · #4 Aug 16th, 2004, 06:47

like this monie

Code: Select all

<form name="form1">



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

Monie · #5 Aug 17th, 2004, 02:50

thanx benbacardi

Monie · #6 Aug 18th, 2004, 01:38

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 · #7 Aug 18th, 2004, 07:16

what do you mean a multiple field?

Monie · #8 Aug 19th, 2004, 01:40

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 · #9 Aug 19th, 2004, 06:46

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!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
textbox in datalist	ktsirig	ASP.NET Forum	0	Dec 14th, 2007 15:40
Problem to add text to the textbox	flexed	JavaScript Forum	1	Aug 21st, 2006 06:43
TextBox problem	accessman	Databases	1	Oct 15th, 2005 01:19
Error Message: TextBox	accessman	Databases	1	Oct 15th, 2005 01:07
VS.NET, TextBox, overlay, DataGrid	Smokie	ASP.NET Forum	10	Jul 27th, 2004 12:17

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
javascript textbox changer