javascript - HTML JavaScript 下拉列表 selectedIndex

标签 javascript html drop-down-menu html-select

我正在尝试使用下拉菜单来更改文本框,但似乎遇到了问题。

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

最佳答案

可能只是:

var a = dropdown1.selectedIndex;

如果您要检查第零个选项是否被选中。

要么那样,要么在 HTML 中提供您的选项值并自行检查这些值。

关于javascript - HTML JavaScript 下拉列表 selectedIndex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6573597/

相关文章:

JavaScript Promise .then() 和 .catch 同时触发

javascript - Jquery UI 对话框不会消失

javascript - 悬停 2 秒时显示下拉菜单

javascript - 使用javascript显示在列表项点击时显示下拉内容的div

python - 我可以在 wxPython 的列表控件中创建下拉组合框吗?

javascript - 如何使用 JavaScript 播放 Google Drive 中的视频?

javascript - 当一个 div 打开时,如何在所有其他 div 上设置折叠?

javascript - 使用Google脚本数组中的搜索功能

javascript - 在页面底部设置多个div元素为 "position: fixed"

javascript - 隐藏元素,1秒延迟