js下拉列表添加监听事件（支持所有主流浏览器）

1、需求效果预览



2、核心代码

<div class="select">
<span>请选择学科：</span>
<select id = "xueke">
<option value="1" selected="selected">语文</option>
<option value="2">数学</option>
<option value="3">英语</option>
<option value="4">物理</option>
<option value="5">化学</option>
<option value="6">历史</option>
<option value="7">地理</option>
<option value="8">政治</option>
<option value="9">生物</option>
</select>
</div>

document.getElementById('xueke').addEventListener('change',function(){
var xkId = this.value;
var schId =  zxCookie.getCookieActInfoValue('schId'),
gid = $.url(location.href).param('gid'),
examId = $.url(location.href).param('examId'),
examName = $.url(location.href).param('examName');
var durl = "../../"+schId+"/zy/rpt18027/"+schId+'/'+examId+'/'+xkId;
ZX.getDataByAjax(
durl,
'json',
function(res) {
function render(a_data){
$('.rpt_cls_keyLine').zxtable({
data: a_data,
template: '#rpt_table',
exportURL:  encodeURI('../../'+schId+'/zy/export1/'+schId+'/'+examId+'/'+examName+'/'+xkId),
needDataTable: true,
fixedHeader: true,
ordering:false,
orderby:[],
callBack: function(){
$($(window.parent.document).find('.rpt_summary')[0]).height(0);
}
});
}
var a_data_e = {};
a_data_e["data"] =res;
render(a_data_e);
},
function() {
//TODO异常处理
$('#DataTables_Table_0').html('').html('<tr><td>没有这科考试数据.</td></tr>');
}
);

},false);