gpt4 book ai didi

javascript - 只有一个

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:35:28 24 4
gpt4 key购买 nike

onchange 事件效果很好,可以很好地填充我的输入(文本框),但是当 onchange 事件应用于下拉框且其中只有 1 个选项时,它不起作用。即使有一个或多个项目,我如何才能触发 onchange?

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

</style>

<script type="text/javascript">
function test(x) {

var x = document.getElementById(x).options[document.getElementById(x).selectedIndex].text

document.getElementById('output').value = x

}//end of function
</script>

</head>

<body>
<select id="drop1" onchange="test(this.id)">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<br><br>
<select id="drop2" onchange="test(this.id)">
<option value="volvo">Volvo</option>
</select>
<br><br>
<input type="text" id="output">

</body>

</html>

最佳答案

您可以在每个选择框的顶部添加一个空选项,或者添加一个仅显示 -Select- 的选项。然后,如有必要,更改您的脚本以忽略空选择。

关于javascript - 只有一个 <option> 的选择框 onchange 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14530507/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com