当用户在文本框中键入值时,在另一个文本框中显示一个文本框值
当用户在文本框中键入值时,有没有办法从一个文本框中获取值并使用jQuery动态添加到另一个文本框? 如果有这样的事情,请有人解释一下这个方法吗?
regangds,Rangana
你的意思是像http://jsfiddle.net/ZLr9N/ ?
$('#first').keyup(function(){ $('#second').val(this.value); });
其实很简单。 首先,我们在第一个input
上附加一个keyup
事件处理程序。 这意味着只要有人在第一个input
,就会调用keyup()
函数内的函数。 然后我们使用val()
函数将第一个input
的值复制到第二个input
。 而已!
$('#textbox1').keypress(function(event) { $('#textbox2').val($('#textbox1').val() + String.fromCharCode(event.keyCode)); });
这将确保textbox2
始终与textbox2
的值匹配。
注意:您可以像其他人建议的那样使用keyup
事件,但可能会有轻微的延迟。 测试两种解决方案,这个应该“看起来”更好。 测试它们并按住一个键或快速键入,你会注意到使用键盘的显着滞后,因为在keyup
事件发生之前keypress
触发。
$(document).ready(function(){ $("#textbox1").blur(function(){$('#textbox2').val($('#textbox1').val()}); }
动作将对textbox1的模糊执行。