Question

我在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文件中。我的问题是当用户点击按钮时页面刷新了为什么？

如果您需要

，我可以显示更多代码以获取详细信息

最好的问候

Answer 1

这是因为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 = "-";
    }
});

Answer 2

使用建议的答案或仅将submit类型更改为button，如下所示。

<input type="button" name="AddMore3" value="+" id="BtnAddMore3" class="buttonSave" />

你不必为此改变javascript。

javascript代码使页面在aspx中刷新

2 个答案: