当前位置:  开发笔记 > 编程语言 > 正文

如何通过javascript将onchange事件添加到选择框?

如何解决《如何通过javascript将onchange事件添加到选择框?》经验,为你挑选了3个好方法。

我有一个脚本,我动态创建选择框.创建这些框时,我们希望将新框的onchange事件设置为指向名为toggleSelect()的函数.

我似乎无法正确创建onchange事件的语法.有人能告诉我我做错了什么吗?它不会抛出错误,但也不起作用.

  col = dataRow.insertCell(0);
  var transport_select = document.createElement('select');
  transport_select.id = transport_select_id;
  transport_select.options[0] = new Option('LTL', 'LTL');
  transport_select.options[1] = new Option('FTL', 'FTL');
  transport_select.onChange = function(){toggleSelect(transport_select_id);};
  col.appendChild(transport_select);

o.k.w.. 38

这是基于W3C DOM Level 2事件规范附加事件的另一种方式:

  transport_select.addEventListener(
     'change',
     function() { toggleSelect(this.id); },
     false
  );


rahul.. 31

transport_select.setAttribute("onchange", function(){toggleSelect(transport_select_id);});

的setAttribute

或尝试更换onChangeonchange



1> o.k.w..:

这是基于W3C DOM Level 2事件规范附加事件的另一种方式:

  transport_select.addEventListener(
     'change',
     function() { toggleSelect(this.id); },
     false
  );



2> rahul..:

transport_select.setAttribute("onchange", function(){toggleSelect(transport_select_id);});

的setAttribute

或尝试更换onChangeonchange


谢谢!将它从"onChange"更改为"onchange"修复了它.

3> IgniteCoders..:

更换:

transport_select.onChange = function(){toggleSelect(transport_select_id);};

有:

transport_select.onchange = function(){toggleSelect(transport_select_id);};

关于' C '绞死 >> 关于' c '绞死


您也可以使用addEventListener.

推荐阅读
地之南_816
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有