如何在单击jsp中的按钮时添加下拉菜单?

时间:2015-07-04 14:16:24

标签: javascript html jsp

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

<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>

1 个答案:

答案 0 :(得分:0)

我认为这应该有效:

<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");
oldC = c.innerHTML;
dd = "<select name='dd'><option>1</option><option>2</option></select>";
c.innerHTML = oldC+dd;
}
</script>