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

goby2008

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 700+累计阅读 734平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄23年

关注

原创最新推荐文章于 2023-04-12 11:11:45 发布 734 阅读 AI 写同款· GEO 优化 ›

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事件

收录于

当前文章被收录于：

31 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#IE #Firefox

本内容遵循 CC 4.0 BY-SA 版权协议

js 触发select onchange事件代码 select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，本文为大家介绍下使用js触发select onchange事件立即下载

相关推荐

【JS】 select 下拉框绑定onchange事件

原因：网上查询说 onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。解决：将onchnage事件改为onclick点击事件；2、js原生change事件。

weixin_43242020的博客 6265

select的onChange事件问题解决

select的onChange事件问题解决（onchange、onfocus、onclick、onmousedown）一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！所以 selected >个人 //在这要选定一个默认的值 “selected” 单位这样在选择第二个时，值就会变即可触发onChange; 二、

chenlaoyang的专栏 18万+

js点击select触发onchange函数

点击select 中的不同option,生效日期框填入不同的日期: <table width="800" border="0"> <tr> <td width="180" class="LABEL">状态：</td> <td width=&quot

Ryze 1万+

Javascript实例：Select的OnChange()事件

我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件.... <select name="sel" onchange="bao(this.options[this.options.sel...

weixin_33756418的博客 319

html下拉框onchange事件,javascript 中select标签上放入onchange事件的两种方式分享

摘要:下文讲述在html标签select上放入onchange事件的方式分享，如下所示:例1:maomao365.comjs select上直接使用onchange的方法function showDiv(divInfo){var d = document.getElementById(divInfo);d.style.display ="block";}onChange="javascript:s...

weixin_42400643的博客 4537

使用原生js动态生成Select,根据前面的Select的option生成二级Select

使用原生JS动态生成Select,根据前面的Select的option生成二级Select需求描述：后台数据会把第一层的Select的option数据传递给前台页面，页面根据数据的有无创建第一个Select 如果后台有数据，则根据第一个Select选中的option 下面是否有数据生成第二个Select。当点击第一个个Select的option的时候会想后台发送数据请求，后台根据数据库的返回给

Amence_Liu的博客 1848

onchange事件

function createSelect(iid,pid,num)//创建select { var mySelect = document.createElement("select"); mySelect.id = iid; if(window.addEventListener) // Mozilla, Netscape, Firefox { mySelect...

zenggang879229629的专栏 166

下拉框监听+动态创建的select添加onchange事件

'<select style="width: 150px" class="form-control" onchange="changeValue(this)">'+str+'</select>' function changeValue(obj) { alert($(obj).val()); }

卑微的码农 2025

原生select标签的onchange事件

const childrens = []; for (let i = 0; i <= 10; i++) { childrens.push(<option key={i} value={(i*0.1).toFixed(1)}>{(i*0.1).toFixed(1)}</option>); } <sele...

weixin_41652466的博客 6408

数组与js实现select下拉菜单的省市区三级联动

先附上源码，后面再分析。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

Kivze的博客 8277

运用js实现select动态添加option和select联动

//1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } //2.添加选项option function addOptio

shinchan_的专栏 1177

实现 select中指定option选中触发事件

11111，例1 我们在用到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本身没有触发事件方法，我们只有在select里的onchange方法里触发。当我们触发select的双击事件时，用ondblclick方法。当我们要取得select的选中事件时，用document.all['name'].value来获取，其中n...

weixin_39450145的博客 1万+

select 操作详解

本文转自：http://yangliuwillow.iteye.com/blog/1412539 //oSelect 列表的底部添加了一个新选项 function onload(){ var oOption = document.createElement("OPTION"); oOption.text="Ferrari"; oOption.value="4"

lukcat的专栏 853

省市县三级联动下拉菜单（JS）

onchange事件描述：w3c链接 select 元素可创建单选或多选菜单。 <select&> 元素中的 <option> 标签用于定义列表中的可用选项。具体代码如下： <!DOCTYPE html> <html> <head> <title>省市区联动</title> <st...

wanglj的博客 2750

HTML中Select的使用详解

//oSelect 列表的底部添加了一个新选项 function onload(){ var oOption = document.createElement("OPTION"); oOption.text="Ferrari"; oOption.value="4"; oSelect.add(oOption); } function fnChange(){ oData.value+=

wangliqiang1014的专栏 593

js 操作select和option

js 操作select和option 1.动态创建select function createSelect(){ 　　var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySel...

weixin_33834137的博客 104

js 用CreateElement动态创建标签

//*************************************// //定义方法创建一个label标签 //*************************************// var createLabel = function(id, name, value) { var label_var = document.createElement(...

weixin_30808253的博客 388

上一篇：在Ubuntu中设置samba共享可读写文件夹

下一篇： 28组精心挑选的网页背景材质+Menu

【JS】 select 下拉框绑定onchange事件

weixin_43242020的博客

04-12

6265