js动态给一个select添加onclick事件

假设select的id是'sel'

var fn=function(){

//你的click事件调用的函数

}

var el=document.getElementById('sel')

el.addEventListener?el.addEventListener('click', fn, false):el.attachEvent?el.attachEvent('onclick', fn):el['onclick']=fn

//HTML

<div id="dv"></div>

//JQuery

$(function () {

//创建select

var $select = $("<select id='s1'><option value='1'>text1</option></option>")

//把创建好的加载到div中

$("#dv").append($select)

//给所有option注册事件

$("#s1 option").click(function () {

//$(this).val()是每一个option的value

alert($(this).val())

})

})

1.可以动态添加多个下拉框,可减少下拉框

2.选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。

ps:what?光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。

第一个下拉选项显示

选择下拉项，同时加载数据到第三个下拉框

注：在这里直接去掉了第二行的标签

为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字

---