javascript - $(this) 表单选择的值，具有相同字段名称的许多表单

Question

我的页面上有很多具有相同字段的不同表单我喜欢检索当前值并将其打印到页面上。现在我得到了第一个表单的值，但我喜欢从表单中检索当前值(我更改的值)

<FORM method=post id=form name=form class=form>
<SELECT id=cal_starttime name=cal_starttime onchange=optellen()>
<OPTION>10:00</OPTION>
<OPTION>11:00</OPTION>
<input type=submit value=Save class=submit id=submit>
</FORM>

<script>
optellen = function() {
  var starttime = document.getElementById("cal_starttime").value;
  var endtime = document.getElementById("cal_endtime").value;
  document.getElementById("sumuur").innerHTML = (endtime-starttime);
}
</script>

提前致谢

Answer 1

可以通过在函数中传递事件参数来获取。

<FORM method=post id=form name=form class=form>
    <SELECT id=cal_starttime name=cal_starttime onchange="optellen(event)">
        <OPTION>10:00</OPTION>
        <OPTION>11:00</OPTION>
        <input type=submit value=Save class=submit id=submit>
    </select>

    <SELECT id="cal_endtime" name="cal_endtime">
        <OPTION>10:00</OPTION>
        <OPTION>11:00</OPTION>
        <input type=submit value=Save class=submit id=submit>
    </select>
</FORM>

<script>
    optellen = function(event) {
        var stime = event.target.id;
      var starttime = document.getElementById(stime).value;
        console.log(starttime);
      var endtime = document.querySelector("#cal_endtime").value;
      console.log(endtime);

      //document.getElementById("sumuur").innerHTML = (endtime-starttime);
    }
</script>

希望这有帮助。谢谢。