链接按钮 Onclick 与选择菜单 Onchange
我目前有一个选择菜单，有一个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>
潇潇雨雨浏览 153回答 1
1回答
-
慕标琳琳
只需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>
随时随地看视频慕课网APP
相关分类
JavaScript