javascript - 如何在jsp中添加点击按钮时的下拉菜单？

Question

我有一个带有两个按钮的表单，一个应该提交表单，另一个应该在每次单击它时添加一个下拉菜单。(如果我单击它两次，应该出现两个下拉菜单)。这是我的表格:

<form name="form1" action="anotherfile.jsp">
 <input type="text" name="box1">
 <input type="text" name="box2">
 <input type="submit" name="Add_dropdown">     
 <input type="submit" name="Submit_form">          
</form>

Answer 1

我认为这应该有效:

<form name="form1" action="anotherfile.jsp">
<input type="text" name="box1">
<input type="text" name="box2">
<input type="button" id="add_dd">
<span id="cont"></span>
<input type="submit" name="Submit_form">
</form>
<script>
ddBtn = document.getElementById("add_dd");
ddBtn.addEventListener("click",function(){
c = document.getElementById("cont");
dd = "<select name='dd'><option>1</option><option>2</option></select>";
c.innerHTML += dd;
}
</script>