js 动态创建select 并赋予onchange事件

最新推荐文章于 2025-10-04 09:54:51 发布

原创最新推荐文章于 2025-10-04 09:54:51 发布 · 700 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Firefox

js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建下拉选择框（select）的方法，并为创建的select元素添加了onchange事件监听器，实现了当选项发生变化时触发特定函数的功能。

function createSelect(iid,pid,num)//创建select
{
  var mySelect = document.createElement("select"); 
  mySelect.id = iid;  

if(window.addEventListener) // Mozilla, Netscape, Firefox 
{
 mySelect.addEventListener('change', mychange,false); 
}
else// IE 
{ 
 mySelect.attachEvent('onchange',mychange); 
} 
document.getElementById("TypeID").appendChild(mySelect);
}
上面这段可以实现动态创建select 并赋予onchange事件