Question

好吧我有一个我正在创建的选择对象，并且在我生成它时它与我的表单正确创建但是当我添加代码以从select中检索值时我得到一个错误，它是null。我正在使用的代码，以获得我在这里看到的所有cookie切割器的价值，所以我很困惑。下面是带有选项的选择代码和获取值的代码我没有看到任何帮助非常感谢。

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;

非常感谢任何帮助。

Answer 1

类似于： 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 );
};

JavaScript无法从选择下拉菜单中检索选项的值

1 个答案: