如何防止在asp.net中使用jQuery時刷新頁面

Question

我想實現一些jQuery到我的asp項目中，並且每次觸發某個函數都會導致頁面恢復到其初始狀態。我可以看到由jQuery觸發的結果一秒鐘，然後頁面刷新，所以我知道jQuery是好的。

有沒有一種方法可以停止它。我試過四處搜尋，但有一點要注意的是，真正解釋瞭如何做到這一點，而且我對asp.net的世界真的很陌生。

我在想，我不知何故需要使用.preventDefault（），但沒有設法將任何東西串在一起。

赫斯我的代碼基本上是把期權的價值爲文本和顯示文本框點擊時選擇的

<select id="ops"> 
    <option>Choose Property</option> 
    <option value="one">one</option> 
    <option value="two">two</option> 
    </select> 
<asp:Button ClientIDMode="Static" ID="select" runat="server" Text="Select"/> 

<div id="mydiv"> 
<asp:TextBox ClientIDMode="Static" Enabled="false" ID="textbox" runat="server" CssClass="textEntry" /> 
</div> 



<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#mydiv').hide(); 
      $('#ops').click(getOps); 
     }); 

     function getOps() { 
      var choice = $(this).val(); 
      $('#select').click(function() { 
       $('#mydiv').show(); 
       $('#textbox').val(choice); 
      }); 
     } 

</script> 

Answer 1

使用event.prevenDefault();

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#mydiv').hide(); 
      $('#ops').click(getOps); 
     }); 

     function getOps() { 
      var choice = $(this).val(); 
      $('#select').click(function (event) { 
       event.preventDefault(); // stops form sumission 
       $('#mydiv').show(); 
       $('#textbox').val(choice); 
      }); 
     } 

</script>