JavaScript代码使页面在ASPX中刷新

javascript code makes a page to be refreshed in aspx

本文关键字：ASPX 刷新 代码 JavaScript      更新时间：2023-09-26

我在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 = "-";
    }
});
相关文章：