Question

如何将两个文本框的内容填充到一个文本框中

现在有3个文本框：
displayName: <s:textfield name="displayName" id="displayName" readonly="true"/>
lastName : <s:textfield name="lastName" id="lastName" />
firstName : <s:textfield name="firstName" id="firstName" />

其中displayName的值是 “lastName值+firstName值”，就是说当 lastName 或 firstName 有值的时候会严格按照
“lastName值+firstName值”的格式自动填充到displayName中去。

而且，如果lastName 或 firstName的值有改变的时候，displayName中的值也会严格按照“lastName值+firstName值”的格式改变。

自己尝试过使用jquery的change方法，但无法做到以上效果。也许是我考虑的思路不对。

请问这样的效果使用jquery可以实现吗？该怎样做？还望各位指点。
------------------------------------------------------------------------------------------------------
CSDN的高手果然给力，才提问没久 ，问题立刻得到解决。答案如下：

解决办法一：
$(document).ready(function(){
$("#lastName").keyup(function(){
$("#displayName").val($(this).val()+$("#firstName").val());
});
$("#firstName").keyup(function(){
$("#displayName").val($("#lastName").val()+$(this).val());
});
});

解决办法二：
$(document).ready(function(){
$("#lastName,#firstName").bind("keyup",function(){
$("#displayName").val($("#firstName").val() +$("#lastName").val());
});
});

Answer 1

直接用onchange事件就可以实现，也不是很麻烦。

Answer 2

试试给下面两个控件绑定onpropertychange事件处理函数,并通过该事件函数修改displayName的值.