我在一个HTML页面中设置了3个按钮，其中第三个的内容根据第二个按钮的选择而变动，应该怎么写？

Question

如题所述

Answer 1

htmlCopy code<button id="button1">按钮1</button><button id="button2">按钮2</button><button id="button3">按钮3</button>

JavaScript部分：
javascriptCopy code// 获取按钮元素var button1 = document.getElementById("button1");var button2 = document.getElementById("button2");var button3 = document.getElementById("button3");// 监听按钮2的选择改变事件button2.addEventListener("change", function() { // 根据按钮2的选择来改变按钮3的内容
if (button2.value === "选项1") {
button3.innerHTML = "按钮3内容1";
} else if (button2.value === "选项2") {
button3.innerHTML = "按钮3内容2";
} else if (button2.value === "选项3") {
button3.innerHTML = "按钮3内容3";
}
});

以上代码监听了第二个按钮的change事件，根据其选择的值来改变第三个按钮的内容。你可以根据实际需求修改按钮的id、选项的值和对应的内容。