<html>
<head>
<script>
window.onload=function(){
var country = document.getElementById('country');
country.onchange=function(){
alert(country.options[country.selectedIndex].value);
alert(country.options[country.selectedIndex].text);
}
};
//第二种方法：
function sel(obj)
{
alert(obj.options[obj.selectedIndex].value);
alert(obj.options[obj.selectedIndex].text);
};
</script>
</head>
<body>
<form>
<select id="country">
<option value="1">广州</option>
<option value="2">北京</option>
</select>
</form>
<!--第二种方法：这里的a是属性，这里说明表单就是下拉列表,当网页加载完毕会产生onload事件，但方法可以不用这个事件来做，
下拉列表加载完毕也会产生，onchange事件的，利用onhange事件来绑定函数就行了。ps：这里的this就是指，绑定事件那个元素，这里是指：select-->
<form name="a">
<select name="a" size="1" onchange="sel(this)">
<option value="a">1</option>
<option value="b">2</option>
</select>
</form>
</body>
</html>
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
