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

摘要:

下文讲述在html标签select上放入onchange事件的方式分享，如下所示:

例1:

js select上直接使用onchange的方法

function showDiv(divInfo)

{

var d = document.getElementById(divInfo);

d.style.display ="block";

}

onChange="javascript:showDiv('other');">

选项--1

选项--2

选项--3

div默认被隐藏

例2:

js select绑定onchange方法

function showDiv(divInfo)

{

var d = document.getElementById(divInfo);

d.style.display ="block";

}

window.onload = function() {

var eSelect = document.getElementById('a');

eSelect.onchange = function() {

showDiv('other');

}

}

选项--1

选项--2

选项--3

div默认被隐藏