Question

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

我设置了select-list的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/

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

1 个答案: