select对象

select对象

一个<select>标记，对应一个select对象。

select对象属性

options[]：设置或返回下拉列表中<option>标记构成的数组。
selectedIndex：设置或选中指定<option>的索引号。
length：指定下拉列表中<option>标记的个数。
name：元素名称。

option对象

一个<option>标记，对应一个option对象。

option对象属性

text：指<option>和</option>之间的文本。
value：是指<option>标记的属性。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>php.cn</title>
    <script>
        window.onload=function(){
            var Form = document.form;
            Form.city.options[2].text = "合肥";
            alert(Form.city.options[2].text);
        }
    </script>
</head>
<body>
    <form name="form" method="post" action="">
        城市：
        <select name="city">
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">深圳</option>
        </select>
    </form>
</body>
</html>

继续学习

新建文件

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> window.onload=function(){ var Form = document.form; Form.city.options[2].text = "合肥"; alert(Form.city.options[2].text); } </script> </head> <body> <form name="form" method="post" action=""> 城市： <select name="city"> <option value="0">北京</option> <option value="1">上海</option> <option value="2">深圳</option> </select> </form> </body> </html>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠