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

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
};