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

Question

我試圖在我的asp項目中實現一些jQuery，每次觸發一個函數都會導致頁面刷新回其初始狀態。 我可以看到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>