select object

select object

A <select> tag corresponds to a select object.

select object properties

options[]: Set or return the <option> tag in the drop-down list array.
selectedIndex: Set or select the index number of the specified <option>.
length: Specify the number of <option> tags in the drop-down list.
name: element name.

option object

An <option> tag corresponds to an option object.

option object attribute

text: refers to the text between <option> and </option> .
value: refers to the attribute of the <option> tag.

<!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>

Continuing Learning

new file

<!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>

submit Reset Code

Automatic operation

select object

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]