首页手记获取下拉列表（select）的值以及文本

获取下拉列表（select）的值以及文本

标签：

Html/CSS JavaScript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取值的功能</title>
<script type="text/javascript">
function fn(){
var sel = document.getElementById("sel");
var option = sel.options;
for(var i=0;i<option.length;i++){
/onclick方法不能够拿到文本和值/
/option[i].onclick=function(){
alert(this.text);
alert(this.value);
}/
/使用逻辑判断能够获取到值/
if(sel.options[i].selected)
{
/拿到options的值/
alert(sel.options[i].value);
/拿到options的文本/
alert(sel.options[i].text)//方法一
alert(sel.options[i].innerHTML)//方法二
}
}
}
</script>
</head>