练习:取下拉列表的所有option中的文本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
<head>
    <title>取下拉列表的所有option中的文本</title>
    <script type="text/javascript">
        function getOptions(){
            var options = document.getElementsByTagName("option");
            for(var i=0;i<options.length;i++){
                var opt = options[i];//取每一个option元素
                alert(opt.innerHTML)
            }
        }
    </script>
</head>
<body>
<select name="edu" id="edu">
    <option value="本科">本科^^</option>
    <option value="专科">专科^^</option>
    <option value="高中">高中^^</option>
    <option value="小学">小学^^</option>
    <option value="幼儿园">幼儿园^^</option>
</select>
<input type="button" value="取select下拉列表文本" onclick="getOptions()"/>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/Ada_yangyang/article/details/81279201
今日推荐