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

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/

//select中的onchange是在下拉框中所选的值发生变化时触发的事件。

//可以给onchange事件绑定一个方法，在onchange事件触发时会执行绑定的方法。

//示例：

//首先可以响应select的onchange事件来调用JS编写的事件响应函数，如

<select id="select1" name="select1" onchange="outputSelect()">

<option>...

</select>

//然后编写事件响应函数：

//如果select位于表单（form1）中，select的name为select1，则可使用如下方法：

//获得用户选中的项的索引

var index=window.document.form1.select1.selectedIndex

//根据索引获得该选项的value值

var val=window.document.form1.select1.options[index].value

//如果select并非表单元素，假设select的id为select1,则如下：

var index=window.document.getElementByIdx_xx_x("select1").selectedIndex

var val=window.document.getElementByIdx_xx_x("select1").options[index].value

//如果要输出选择结果，假设HTML中定义了一个<div id="output"></div>，则如下输出：

window.document.getElementByIdx_xx_x("output").innerText=val

//一个示例：

function outputSelect(){

//获取用户选中的项的索引

var index=window.document.getElementByIdx_xx_x("select1").selectedIndex

//根据index获取选中项的value值

var val=window.document.getElementByIdx_xx_x("select1").options[index].value

//根据index获取选中项的Text值，即在下拉列表中显示的选项文本

var vname=window.document.getElementByIdx_xx_x("select1").options[index].text

//输出value :

textdocument.getElementByIdx_xx_x("output").innerText=val " : " vname

你一个JS，然后在其他页面引用这个JS。

在这个JS中，将所有的Select都加上Onchange事件。

举例：select.js:

onload = function() {

var selects = document.getElementsByTagName('select')

for(vari =0i<selects.lengthi++){

selects[i].onchange = function() {

//这里就是Onchange事件时要干的事。

}

}

}

---