I have two text boxes t1 and t2 in an html page.
I'd like to copy t1 content to t2, using javascript on every keystroke done in t1.
views:
339answers:
3
+3
A:
Using jquery this would look something like this:
$(function() { $(t1).keyup(function() { $(t2).val($(t1).val()) } })
Eimantas
2009-09-14 15:32:17
where to write what is the syntax we need to use here
peter
2009-09-14 15:36:52
in head or body part
peter
2009-09-14 15:37:51
<head> <script type="text/javascript"> ...the code... </script></head>
Eimantas
2009-09-14 15:39:03
actually it doesn't matter since the function will be hooked to keyup event after dom is ready.
Eimantas
2009-09-14 15:39:43
Thanks Elimantas
peter
2009-09-14 17:13:49
+3
A:
Ol' school, since you added the "beginner" tag:
<input type="text" id="t1" onkeyup="document.getElementById('t2').value = this.value" />
<input type="text" id="t2" />
A more robust solution also uses the change event (for those who paste via mouse right-click), and doesn't inline the event handler logic:
<input type="text" id="t1" />
<input type="text" id="t2" />
<script>
var t1 = document.getElementById('t1');
t1.onkeyup = t1.onchange = function() {
document.getElementById('t2').value = this.value;
};
</script>
Crescent Fresh
2009-09-14 15:37:12
this is not unobtrusive. you should teach beginner to have good manners when coding html/js .)
Eimantas
2009-09-14 15:38:17
+1
A:
You could use this ugly thing:
<html>
<body>
<textarea id="t1" onkeyup="document.getElementById("t2").value = this.value;"></textarea>
<textarea id="t2"></textarea>
</body>
</html>
voyager
2009-09-14 15:37:55