Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

rag05 · Oct 24th, 2005, 6:13 PM

Hello all,

Let's say I want to copy the value of one text box into another as the user is typing the information. I was trying to do this using onKeyPress, but it is always one key stroke behind the user.

Let's say for example, the user enters '4' (textbox1)... textbox2 doesn't display anything.

Then, if the user enters a second number so we have '49', textbox2 will only display '4'. When the user has entered '495', textbox2 only displays '49'... and so forth.

Is there anything I can do so textbox2 shows the current value immediately?

I'm fairly new to JavaScript, so I appreciate your help. Here's a sample of the code I'm using:

(Toggle Plain Text)

<script language=javascript>
	function copyText(val)
	{
		document.testform1.text2.value = val.value;
	}
</script>
<HTML>
<HEAD></HEAD>
<BODY>
<form name=testform1>
<INPUT type="text" id=text1 name=text1 onKeyPress="copyText(this)">
<br><p>
<INPUT type="text" id=text2 name=text2>
</form>
</BODY>
</HTML>

bja888 · Oct 25th, 2005, 2:05 AM

try onKeyUp

ivan · Oct 25th, 2005, 4:31 AM

onKeyDown should work fine also

rag05 · Oct 25th, 2005, 9:26 AM

Thank you very much for your help. It works now.

Oct 24th, 2005, 6:13 PM	#1
rag05 Newbie Join Date: Oct 2005 Location: Texas Posts: 11 Rep Power: 0	Help with onKeyPress Hello all, Let's say I want to copy the value of one text box into another as the user is typing the information. I was trying to do this using onKeyPress, but it is always one key stroke behind the user. Let's say for example, the user enters '4' (textbox1)... textbox2 doesn't display anything. Then, if the user enters a second number so we have '49', textbox2 will only display '4'. When the user has entered '495', textbox2 only displays '49'... and so forth. Is there anything I can do so textbox2 shows the current value immediately? I'm fairly new to JavaScript, so I appreciate your help. Here's a sample of the code I'm using: (Toggle Plain Text) <script language=javascript> function copyText(val) { document.testform1.text2.value = val.value; } </script> <HTML> <HEAD></HEAD> <BODY> <form name=testform1> <INPUT type="text" id=text1 name=text1 onKeyPress="copyText(this)"> <br><p> <INPUT type="text" id=text2 name=text2> </form> </BODY> </HTML> <script language=javascript> function copyText(val) { document.testform1.text2.value = val.value; } </script> <HTML> <HEAD></HEAD> <BODY> <form name=testform1> <INPUT type="text" id=text1 name=text1 onKeyPress="copyText(this)"> <br><p> <INPUT type="text" id=text2 name=text2> </form> </BODY> </HTML>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Oct 25th, 2005, 2:05 AM	#2
bja888 Hobbyist Programmer Join Date: Oct 2005 Location: Central, FL Posts: 213 Rep Power: 0	try onKeyUp

Oct 25th, 2005, 4:31 AM	#3
ivan Professional Programmer Join Date: Sep 2005 Location: serbia & montenegro Posts: 484 Rep Power: 4	onKeyDown should work fine also

Oct 25th, 2005, 9:26 AM	#4
rag05 Newbie Join Date: Oct 2005 Location: Texas Posts: 11 Rep Power: 0	Thank you very much for your help. It works now.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Help with onKeyPress