首頁猿問鏈接按鈕 Onclick...

鏈接按鈕 Onclick 與選擇菜單 Onchange

JavaScript

瀟瀟雨雨 2021-06-04 13:37:52

我目前有一個選擇菜單，有一個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>

<button onclick='selectChange()'>Click me</button>

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>

<button>Click me</button>

反對回復 2021-06-11

1 回答
0 關注
181 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

鏈接按鈕 Onclick 與選擇菜單 Onchange

鏈接按鈕 Onclick 與選擇菜單 Onchange

1 回答

添加回答