HTML JavaScript Dropdown selectedIndex

yan*_*ike 8 html javascript html-select drop-down-menu

我试图让下拉列表更改文本框,但似乎有问题.

<head>
    <title>DropDown</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 0.20" />
    <script type="text/javascript">
        function chkind() {
            var dropdown1 = document.getElementById('dropdown1');
            var textbox = document.getElementById('textbox');
            var a = dropdown1.options[dropdown1.selectedIndex];
            if(a == 0){
                textbox.value = "hi";
            } else if(a == 1) {
            textbox.value = "bye";
        }
    }
    </script>
</head>

<body>
    <select onchange="chkind()" id="dropdown1">
        <option>Hi</option>
        <option>Bye</option>
    </select><br />
    <input id="textbox" type="text" />
</body>
Run Code Online (Sandbox Code Playgroud)

ADW*_*ADW 10

可能只是:

var a = dropdown1.selectedIndex;
Run Code Online (Sandbox Code Playgroud)

如果你想检查是否选择了第0个选项.

要么是这样,要么在HTML中给出您的选项值并检查它们自己的值.