JavaScript无法从“选择”下拉列表中检索选项的值

好的，我有一个我正在创建的select对象，当我生成它时，它使用我的表单正确地创建了它，但是当我添加代码从select中检索值时，我得到一个错误，它为null。我正在使用的代码将值转换为我在这里看到的值，所以我感到困惑。下面是选择选项的代码，以及获取值的代码。我没有看到这个问题。非常感谢您的帮助

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;

非常感谢您的帮助。

如：

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;

---

您的代码似乎运行良好-检查小提琴-请提供您的HTML以及只是一个btw评论-您可以使用符号var option=new option'Forge'，33；作为第一个选项的直接替代-不需要使用利用document.createElement和document.createTextNode的4条语句。只需创建选项，然后将其附加到父select元素。感谢您没有想到只需循环它来创建元素，我的代码就彻底清理了！