动态 select 的change事件 的JS

总的来说楼主就是要在一个 动态的下拉框选项中动态的绑定事件，点击触发更新下面的数据选项对吧。

首先我不明白楼主的下拉选项你是使用哪种方式绑定进去的。所以无法给出最恰当的方法，只有给个大众点的。

在<option onclick='clickEvent(this)' dataId='纪念馆ID'>XXX纪念馆</option>(这段代码是循环绑定选项的时候使用，不管是JS自己去绑定，还是后台数据绑定 都是一样，只要事件绑定上去就可以了)

function clickEvent(obj){

//获取点击的纪念馆ID

var id = $(obj).attr("dataId")

//发生异步请求，获取下列数据内容

$.ajax({

url: "xxxxx",

data: "dataId="+ id, //可以附加其他的数据参数

dataType: "json" , //一般数据异步请求最好都使用json格式，解析起来方便。

success:function(dataJson){

//dataJson 数据已经拿到了，下面的列表数据该怎么绑就怎么绑。

}

})

}

mySelect.addEventListener('change',function(){

return mychange.apply(this,[this.value,pid,num])

})

推荐你几个链接

http://developer.mozilla.org/en/Core_JavaScript_1.5_Guide

http://ejohn.org/

http://quirksmode.org/

一、可以使用jQuery的trigger() 方法来响应事件。

二、定义和用法:

trigger() 方法触发被选元素的指定事件类型。

1、语法:

$(selector).trigger(event,[param1,param2,...])；

2、参数描述:

event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件；[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

三、实例：

触发 select元素的change事件：$("button").click(function(){$("select").trigger("change")})

---