我目前有一个选择菜单，有一个onchange函数，它将在选择新选项时打印HTML消息。我还有一个具有 onclick 功能的按钮，该按钮将更改选择菜单中当前选定的选项，但是，当单击按钮并更改选择菜单时，onchange 功能不会启动。单击按钮时，如何使 onchange 功能起作用？我不想仅仅将 onchange 功能作为按钮中的 onclick 选项启动，因为我也想更改选择菜单。<html> <select id="sel" onchange='myFunction()'> <option value="car">1</option> <option value="bike">2</option> <option value="cycle">3</option> </select> <button onclick='selectChange()'>Click me</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "Hello World"; } function selectChange(){ document.getElementById('sel').value = "bike"; } </script></html>
1 回答
慕标琳琳
TA贡献1830条经验 获得超9个赞
只需myFunction()从内部 调用selectChange()：
<html>
<select id="sel" onchange='myFunction()'>
<option value="car">1</option>
<option value="bike">2</option>
<option value="cycle">3</option>
</select>
<button onclick='selectChange()'>Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
function selectChange() {
document.getElementById('sel').value = "bike";
myFunction();
}
</script>
</html>
但是请注意，您还应该使用Unobstructive JavaScript，并使用事件侦听器而不是onchangeand onclick：
document.getElementById('sel').addEventListener('change', myFunction);
document.getElementsByTagName('button')[0].addEventListener('click', selectChange);
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
function selectChange() {
document.getElementById('sel').value = "bike";
myFunction();
}
<select id="sel">
<option value="car">1</option>
<option value="bike">2</option>
<option value="cycle">3</option>
</select>
<button>Click me</button>
<p id="demo"></p>
添加回答
举报
0/150
提交
取消