JavaScript无法从select下拉列表中获取选项的值

JavaScript Can't retrieve value of options from select drop down

本文关键字：获取 选项 下拉列表 select JavaScript      更新时间：2023-09-26

OK，我有一个选择对象，我正在创建，它创建正确与我的形式，当我生成它，但当我在代码中添加检索值从选择我得到一个错误，它是空的。我所使用的代码，以获得的价值相当饼干切割机，我在这里看到的，所以我很困惑。下面是选择选项的代码和获取值的代码，我没有看到问题，非常感谢任何帮助。

var tools = document.createElement('select');
tools.id = 'sTools';
tools.name = 'sTools';
form.appendChild(tools);
var option = document.createElement('option');
option.value = '33';
option.appendChild(document.createTextNode('Forge'));
tools.appendChild(option);
option = document.createElement('option');
option.value = '1391';
option.appendChild(document.createTextNode('Workbench'));
tools.appendChild(option);
option = document.createElement('option');
option.value = '1753';
option.appendChild(document.createTextNode('Oven'));
tools.appendChild(option);


var e = document.getElementById("sTools");
var cTool = e.options[e.selectedIndex].value;

类似于jsBin demo ?

var form = document.getElementById("form");
var tools = document.createElement('select');
tools.id = 'sTools';
tools.name = 'sTools';
form.appendChild(tools);
var cTool;
var e = document.getElementById("sTools");
var options = [
  ["Forge",     "33"],
  ["Workbench", "1391"],
  ["Oven",      "1753"]
];
for(var i=0; i<options.length; i++){
  var opt = document.createElement('option');
  opt.appendChild( document.createTextNode( options[i][0] ) );
  opt.value = options[i][1];
  tools.appendChild(opt); 
}
tools.onchange = function(){
  cTool = e.options[e.selectedIndex].value;
  alert( cTool );
};
相关文章：