javascript代碼，使網頁在ASPX

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 = "-"; 
     } 
    }); 
} 

我把布通在contentplaceholder和JavaScript代碼中的一個JavaScript文件.my問題是當用戶點擊按鈕時頁面刷新爲什麼？

，如果你需要

問候

Answer 1

使用參考答案或只是改變類型submit到button像以下。

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

而且你不必改變javascript這一點。

Answer 2

這是因爲BtnAddMore3是一個提交按鈕，所以默認單擊時提交表單我可以顯示細節更加的代碼。嘗試單擊事件處理程序改變這個

$('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 = "-"; 
    } 
});