Обновление страницы при нажатии кнопки в asp.net

Question

Я вызываю функцию javascript с помощью кнопки, чтобы скрыть и показать содержимое. Но когда я нажимаю кнопку, вся страница обновляется.

Вот мой код: lcont.ascx

<asp:Button ID="lbutt" runat="server" Text="test" OnClientClick="Javascript: show(1); " /> 
<script type="text/javascript"> 
function show(id) { 
    if (id == 1) { 
     $("#cont1").hide(); 
     $("#cont2").show(); 
    } 
} 

Далее я следующий код в cont.aspx

<div id="cont1" >  
     helo world 
    </div> 

    <div id="cont2" style=" display:none; " > 
      heloo nepal 
     </div> 

• lcont.ascx является пользовательский элемент управления файл, который вызывается на страницу cont.aspx через главную страницу

Answer 1

У вас есть несколько вариантов:

Вариант 1

Просто добавьте return false; в существующий код, чтобы предотвратить постбэк:

OnClientClick="Javascript: show(1); return false;" 

Вариант 2

Добавьте его ваша функция:

OnClientClick="return show(1);" 

function show(id) { 
    if (id == 1) { 
     $("#cont1").hide(); 
     $("#cont2").show(); 
    } 

    return false; 
} 

Вариант 3

Заменить кнопку ASP.Net с простой старой кнопки HTML.

<button id="lbutt" type="button" onClick="show(1)">Test</button> 

Answer 2

Добавить возвращение ложной функционировать.

<asp:Button ID="lbutt" runat="server" Text="test" OnClientClick="return show(1); " /> 
    <script type="text/javascript"> 
    function show(id) { 
     if (id == 1) { 
      $("#cont1").hide(); 
      $("#cont2").show(); 
     } 
     return false; 
    } 
    </script>