值更改后将值从一个元素复制到另一个元素？

Question

我的表单上有两个元素，一个是输入文本日期选择器，第二个是输入文本。我想在日期更改后将日期选择器字段中的值复制到第二个输入文本框中。当我点击日期选择器时，我当前的函数将复制当前值，但在我选择另一个不会影响另一个输入字段的日期之后。解决这个问题的最佳选择是什么？这是我的例子：

<td>
    <input type="text" name="addDate_dt" id="addDate_dt" maxlength="10" size="12" value="" readonly="readonly">
</td>

<td>
  <input type="text" name="st_begDt" id="st_begDt" maxlength="10" size="12" value="#Dateformat(st_begDt,'mm/dd/yyyy')#" readonly="readonly">
  <img src='calendar.gif' alt='Calendar' onclick="calendar(event,'o_begDt')";
onMouseup="copyBegDt()">
</td>

function copyBegDt(){
        var begDt = document.getElementById('st_begDt').value;

        if(begDt.trim() !== ''){
            document.getElementById('addDate_dt').value = begDt;
        }else{
            document.getElementById('addDate_dt').value = '';
        }
    }

我还想在页面加载时填充 addDate_st 字段。旁注，我不想修改我的日历功能，因为它也在我的应用程序的其他页面上使用。

Answer 1

如果 st_begDt 已经正确更新，那么在该输入上创建一个更改监视呢？

var begDt = document.getElementById('st_begDt');
begDt.onchange = function() {
    //update other input here
};