javascript - 从生成的选择列表中获取值

Question

我创建了一个函数来生成带有选择列表的表。该函数有效，但我在从选择列表中获取值时遇到问题。

我设置了选择列表的 id 和 onchange 函数，如下所示:

  var selectList = document.createElement("select");
  selectList.setAttribute("id", "numSelect");     
  selectList.setAttribute("onchange", getVal());

但是，该函数未找到 id，因此无法获取值:

  function getVal() {
  var sect = document.getElementById("numSelect");
  var opt = sect.options[sect.selectedIndex].value;
  console.log(opt);
  //var totalSect += opt;
  //console.log(totalSect);
  };

我知道我已经很接近了，但看不到雪茄。 “getContent”函数为选择框中的值返回“null”。

我希望能够a) 在选择数字时更新总节数(“totalSect”)，并且b) 能够读取完成的表格并将其保存到数组中。

我知道 jQuery 使这变得更容易，迟早我会分解并学习它，但是有人有纯 JavaScript 的答案吗？

在这里摆弄:https://jsfiddle.net/1mnxna3p/5/

Answer 1

检查这个，让我知道是否有效..

    function getVal(ob) {
  var opt = ob.options[ob.selectedIndex].value;
  console.log(opt);
  //var totalSect += opt;
  //console.log(totalSect);
};

还有这个

  var selectList = document.createElement("select");
  selectList.setAttribute("id", "numSelect");     
  selectList.setAttribute("onchange", "getVal(this)"); 

引用https://jsfiddle.net/1mnxna3p/10/