gpt4 book ai didi

javascript - 使 javascript 根据下拉菜单中的输入执行操作

转载 作者:行者123 更新时间:2023-11-28 01:27:20 25 4
gpt4 key购买 nike

我一直在尝试制作一个小网页,您可以从下拉菜单中选择两个项目,然后按一个按钮,它会播放声音,声音根据下拉菜单中选择的内容而变化。不幸的是,我无法让 JavaScript 与按钮交互,然后让 JavaScript 发挥下拉菜单中选择的内容。

以下是我的基本代码的一些片段:

HTML:

<head>
<script src="src/EEEE.js"></script>
</head>
<body>
<input type="image" id="button" value="submit" src="img/Button.png" onclick="handleClick()"/>
<br>
<select id="who">
<option value="name1">Name 1</option>
<option value="name2">Name 2</option>
<option value="name3">Name 3</option>
</select>
<select id="what">
<option value="op1">Option 1</option>
<option value="op2">Option 2</option>
<option value="op3">Option 3</option>
</select>
</body>

JavaScript(位于名为“src”的文件夹中):

function handleClick(){
var w1 = document.getElementById("who").value;
var name = who.options[who.selectedIndex].text;
if(name == "name1"){
/*do this*/
}else if(name == "name2"){
/*do that*/
}
}

最佳答案

我已经修复了您的代码,您可以查看修复后的演示Here

基本上你应该使用'value'而不是'text'并且通过javscript附加事件似乎可以工作。

关于javascript - 使 javascript 根据下拉菜单中的输入执行操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22537665/

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