BlogJava-wilsonyq-文章分类-web corehttp://www.blogjava.net/wilsonyq/category/50871.htmlzh-cnThu, 16 Feb 2012 06:11:17 GMTThu, 16 Feb 2012 06:11:17 GMT60javascript 获取值(获取select两种方式)http://www.blogjava.net/wilsonyq/articles/javascriptselect.htmlwilsonyqwilsonyqThu, 16 Feb 2012 05:49:00 GMThttp://www.blogjava.net/wilsonyq/articles/javascriptselect.htmlhttp://www.blogjava.net/wilsonyq/comments/370095.htmlhttp://www.blogjava.net/wilsonyq/articles/javascriptselect.html#Feedback0http://www.blogjava.net/wilsonyq/comments/commentRss/370095.htmlhttp://www.blogjava.net/wilsonyq/services/trackbacks/370095.html<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>测试</title>
</head>
<body>
<form id="form1" name="form1">
文本框 ：<input type="text" id="txt" value="txt" />
<br />
单选按钮：<input type="radio" value="男" name="sex" />男    <input type="radio" value="女" name="sex"  checked="checked"/>女
<br />
复选框：<input type="checkbox" value="1"  name="check[]"/>1<input type="checkbox" value="2" checked="checked"  name="check[]" />2<input type="checkbox" value="3" checked="checked"  name="check[]" />3
<br />   
下拉框：
<select id="sel" style="width: 100px">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
</select>
<br />
<input type="button" value="获取"  onclick="getVal()"/>
</form>
 
<script type="text/javascript">
 
function getVal(){
    var str="";
    //获取单选按钮的值
    var radios = document.form1.sex;
    var n = radios.length;
    for (var i = 0; i < n; i++) {
        if (radios[i].checked) {
            str = " 单选 "+radios[i].value;
        }
    }
 
    //获取复选框中选中的值的组合 1,2,3,4
    var checkboxs = document.getElementsByName('check[]');
    var n = checkboxs.length;
    for (var i = 0; i < n; i++) {
        if (checkboxs[i].checked) {
            str += " 复选框 "+checkboxs[i].value;
        }
    }
 
    //获取下拉列表的选中项的值
    //方法一：
    str += " 列表 一："+document.getElementById("sel").value;
 
    //方法二：
    var sel = document.getElementById("sel");
    str += " 列表 二："+sel.options[sel.selectedIndex].value;
     
    alert(str);
 
}
</script>
</body>
</html>

wilsonyq 2012-02-16 13:49 发表评论
]]>