JavaScript代码使页面在ASPX中刷新
本文关键字:ASPX 刷新 代码 JavaScript | 更新日期: 2023-09-27 18:30:34
我在aspx中有一个按钮,你可以在这里看到:
<input type="submit" name="AddMore3" value="+" id="BtnAddMore3" class="buttonSave" />
此按钮调用 javascript 代码:
$(document).ready(function () {
$('input[name=AddMore3]').click(function () {
if ($(this).val() == "-") {
$('#DivMoreAuthor3').hide();
var elem = document.getElementById("BtnAddMore3");
elem.value = "+";
} else {
$('#DivMoreAuthor3').show();
var elem1 = document.getElementById("BtnAddMore3");
elem1.value = "-";
}
});
}
我把 buton 放在 contentplaceholder 中,把 javascript 代码放在一个 javascript 文件中,我的问题是当用户点击按钮时,页面会刷新为什么?
如果您需要,我可以显示更多代码以获取详细信息
此致敬意
使用建议的答案或只是将类型submit
更改为button
,如下所示。
<input type="button" name="AddMore3" value="+" id="BtnAddMore3" class="buttonSave" />
而且您不必为此更改javascript
。
这是因为BtnAddMore3
是一个提交按钮,所以默认情况下它在单击时提交表单。尝试将 click 事件处理程序更改为此
$('input[name=AddMore3]').click(function (e) {
e.preventDefault();
if ($(this).val() == "-") {
$('#DivMoreAuthor3').hide();
var elem = document.getElementById("BtnAddMore3");
elem.value = "+";
} else {
$('#DivMoreAuthor3').show();
var elem1 = document.getElementById("BtnAddMore3");
elem1.value = "-";
}
});