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

Question

我有一个脚本,我动态创建选择框.创建这些框时,我们希望将新框的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);

Answer 1

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

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

Answer 2

加

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

的setAttribute

或尝试更换onChange与onchange

Answer 3

更换:

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

有:

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

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

您也可以使用addEventListener.

Answer 4

yourSelect.setAttribute( "onchange", "yourFunction()" );