Javascript:如何在 onChange 事件期间更改日期时间值？

Question

每次用户更改下拉列表的值时，我都需要更改输入框的值。该值应该是我无法使其工作的“当前日期时间”。使用下面的代码，每次我更改特定行(比如第 3 行)的下拉值时，所有行中输入框的值(当前日期时间)都会受到影响。它们具有相同的当前日期时间值。不应更改其他行的当前日期时间值。只有用户更改下拉列表的行。我在这里错过了什么吗？顺便说一句，我必须使用 DOM。

    <table id="myTable">
      <tr>
        <td>Value to Select: <select onChange="changeDateTime();"></select></td>
        <td>Current Date Time: <input/></td>

      </tr>
    </table>

Javascript:

function changeDateTime(){

  var today = new Date();
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var currentDateTime = date+' '+time;

  var d =  id('myTable', document); 
  for (var x=1; x<d.rows.length; x++) {                    
       d.rows[x].cells[2].firstChild.value = currentDateTime;
       } 
}

Answer 1

检查以下代码段。

function changeDateTime(obj) {
  var today = new Date();
  var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var currentDateTime = date + ' ' + time;

  var _input = obj.parentNode.nextElementSibling.getElementsByTagName('input')[0]
  _input.value = currentDateTime;
}

<table id="myTable">
  <tr>
    <td>Value to Select:
      <select onChange="changeDateTime(this);">
        <option>1</option>
        <option>2</option>
      </select>
    </td>
    <td>Current Date Time:
      <input/>
    </td>
  </tr>
  <tr>
    <td>Value to Select:
      <select onChange="changeDateTime(this);">
        <option>3</option>
        <option>4</option>
      </select>
    </td>
    <td>Current Date Time:
      <input />
    </td>
  </tr>
</table>