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

用户名

好的,我有一个正在创建的选择对象,当我生成它时,它会与我的表单一起正确创建,但是当我添加代码以从选择中检索值时,我得到一个错误,它是null。我正在使用的代码将价值高的cookie切割器提高到我在这里看到的水平,因此感到困惑。以下是带有选项的select的代码以及获取值的代码,我看不到这个问题,对您有所帮助。

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;

任何帮助是极大的赞赏。

罗科·C·布尔扬

类似于:jsBin演示

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 );
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

无法从动态创建的选择下拉列表中检索值

来自分类Dev

无法从硒中的日、月和年下拉选项的下拉列表中选择值

来自分类Dev

无法使用 $_POST 检索所选下拉选项中的值

来自分类Dev

从Excel中的多项选择下拉列表中进行值检索

来自分类Dev

在下拉列表中获取未选择选项的值

来自分类Dev

如何在“选择”下拉列表中获取选定的选项值

来自分类Dev

检索RadGrid控件下拉列表选择的值

来自分类Dev

无法在<select>中选择其他选项,但是选项列表在下拉列表中可见...

来自分类Dev

从角度下拉列表中删除选择的选项

来自分类Dev

如何在Laravel 5下拉列表中检索选定选项的值?

来自分类Dev

C#MVC-在表单发布中检索下拉列表选项值

来自分类Dev

无法从下拉列表中检索GUID

来自分类Dev

从angularjs的下拉列表中检索值

来自分类Dev

选择下拉选项中索引数组的值

来自分类Dev

下拉选择标签中的选项值

来自分类Dev

将“请选择”添加到从数据库中检索值的下拉列表中

来自分类Dev

无法从下拉列表中选择值

来自分类Dev

无法从下拉列表中选择值

来自分类Dev

根据从JSP中从数据库检索的值检查单选按钮并选择下拉列表

来自分类Dev

根据从JSP中从数据库检索的值检查单选按钮并选择下拉列表

来自分类Dev

如何处理下拉列表中“ SSRS”中多个选择值的“全选”选项

来自分类Dev

flutter下拉列表-检索选择的值,而不是盒格式

来自分类Dev

无法将选项动态添加到选择下拉列表中

来自分类Dev

在纸张元素下拉列表中检索所选项目

来自分类Dev

使用jQuery在数组的下拉列表中插入“选择值”选项

来自分类Dev

使用JQuery在选择/选项下拉列表中更改现有值

来自分类Dev

仅使用jquery发送选择下拉列表中的文本,而不发送选项值

来自分类Dev

给定选择下拉列表中的表达式的角度不同的选项值或字符串

Related 相关文章

  1. 1

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

  2. 2

    无法从动态创建的选择下拉列表中检索值

  3. 3

    无法从硒中的日、月和年下拉选项的下拉列表中选择值

  4. 4

    无法使用 $_POST 检索所选下拉选项中的值

  5. 5

    从Excel中的多项选择下拉列表中进行值检索

  6. 6

    在下拉列表中获取未选择选项的值

  7. 7

    如何在“选择”下拉列表中获取选定的选项值

  8. 8

    检索RadGrid控件下拉列表选择的值

  9. 9

    无法在<select>中选择其他选项,但是选项列表在下拉列表中可见...

  10. 10

    从角度下拉列表中删除选择的选项

  11. 11

    如何在Laravel 5下拉列表中检索选定选项的值?

  12. 12

    C#MVC-在表单发布中检索下拉列表选项值

  13. 13

    无法从下拉列表中检索GUID

  14. 14

    从angularjs的下拉列表中检索值

  15. 15

    选择下拉选项中索引数组的值

  16. 16

    下拉选择标签中的选项值

  17. 17

    将“请选择”添加到从数据库中检索值的下拉列表中

  18. 18

    无法从下拉列表中选择值

  19. 19

    无法从下拉列表中选择值

  20. 20

    根据从JSP中从数据库检索的值检查单选按钮并选择下拉列表

  21. 21

    根据从JSP中从数据库检索的值检查单选按钮并选择下拉列表

  22. 22

    如何处理下拉列表中“ SSRS”中多个选择值的“全选”选项

  23. 23

    flutter下拉列表-检索选择的值,而不是盒格式

  24. 24

    无法将选项动态添加到选择下拉列表中

  25. 25

    在纸张元素下拉列表中检索所选项目

  26. 26

    使用jQuery在数组的下拉列表中插入“选择值”选项

  27. 27

    使用JQuery在选择/选项下拉列表中更改现有值

  28. 28

    仅使用jquery发送选择下拉列表中的文本,而不发送选项值

  29. 29

    给定选择下拉列表中的表达式的角度不同的选项值或字符串

热门标签

归档