为什么js中的$("#add").click(function(){}没反应而是直接执行表单提交了
$(function(){varcount=0;$("#add").click(function(){alert("aaa");count++;$("#button")....
$(function(){
var count = 0;
$("#add").click(function(){
alert("aaa");
count++;
$("#button").before("<tr><td>Mgrs[" + count + "].Name:</td><td><input name='mgrs[" + count + "].name'/></td></tr>")
.before("<tr><td>Mgrs[" + count + "].Birth:</td><td><input name='mgrs[" + count + "].birth'/></td></tr>");
return false;
});
$("#remove").click(function(){
count--;
$("#button").prev("tr").remove();
$("#button").prev("tr").remove();
return false;
});
});
</script>
</head>
<body>
<form action="testConversion2.action">
<table>
<tbody>
<tr>
<td>Mgrs[0].Name:</td>
<td><input name="mgrs[0].name"/></td>
</tr>
<tr>
<td>Mgrs[0].Birth:</td>
<td><input name="mgrs[0].birth"/></td>
</tr>
<tr id="button">
<td><button id="add">新加一个</button></td>
<td><button id="remove">删除一个</button></td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" value="Submit"/>
</td>
</tr>
</tbody>
</table>
</form>
为什么单机“新加一个”,是直接提交表单而不是执行add的click方法? 展开
var count = 0;
$("#add").click(function(){
alert("aaa");
count++;
$("#button").before("<tr><td>Mgrs[" + count + "].Name:</td><td><input name='mgrs[" + count + "].name'/></td></tr>")
.before("<tr><td>Mgrs[" + count + "].Birth:</td><td><input name='mgrs[" + count + "].birth'/></td></tr>");
return false;
});
$("#remove").click(function(){
count--;
$("#button").prev("tr").remove();
$("#button").prev("tr").remove();
return false;
});
});
</script>
</head>
<body>
<form action="testConversion2.action">
<table>
<tbody>
<tr>
<td>Mgrs[0].Name:</td>
<td><input name="mgrs[0].name"/></td>
</tr>
<tr>
<td>Mgrs[0].Birth:</td>
<td><input name="mgrs[0].birth"/></td>
</tr>
<tr id="button">
<td><button id="add">新加一个</button></td>
<td><button id="remove">删除一个</button></td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" value="Submit"/>
</td>
</tr>
</tbody>
</table>
</form>
为什么单机“新加一个”,是直接提交表单而不是执行add的click方法? 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询