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>

提交重置程式碼

自動運行

全螢幕