怎样让某一文本框的内容根据另一文本框的内容变化而变化

例如有text1,text2两个text类型的input.其中text2中的值有一部分是根据text1的值而定的.
现在我想要达到的目的是,无论任何情况下修改text1的内容,text2中的相应的部分都会跟着修改.请问应该怎样做到呢
if(navigator.userAgent.indexOf("MSIE")>=0)
{
document.f1.ServerComment.attachEvent('onpropertychange',txChange);
}
else if(navigator.userAgent.indexOf("Firefox")>=0)
{
    document.f1.ServerComment.addEventListener('input',txChange,false);
}
function txChange(){
    //操作
}如果按上面的JS来做,可以达到手动在text1中输入内容和复制时,text2会跟着变化.
但是如果浏览器开了自动完成.在输入时文本框下有历史输入可以选择,在选择这些历史记录时,text2的内容就不会跟着变化了.请问这个有没有办法解决呢