在同一个地方放两个提交按钮

时间:2016-03-18 00:43:51

标签: javascript php html css

有没有办法把两个提交按钮放在同一个位置?由于我根据下拉列表提交了隐藏属性的按钮,它会在选择时显示所需的按钮。

1 个答案:

答案 0 :(得分:0)

你想要达到这样的目标吗?

您需要注意的主要事项是,每个按钮都是绝对定位的,并且左右相同。

var button1El = document.getElementById("button1");
var button2El = document.getElementById("button2");
button1El.addEventListener("click",function() {
    this.style.display="none";
    button2El.style.display = "block";
})
button2El.addEventListener("click",function() {
    this.style.display="none";
    button1El.style.display = "block";
})
button{
  position:absolute;
  left:10px;
  top:10px;
}
#button2{
  display:none;
}
<button id="button1">Button 1</button>
<button id="button2">Button 2</button>