MVC View正在刷新按鈕onclick

Question

我有一個視圖和它的控制器。視圖具有以下按鈕（其被重複多次針對不同的變體）：

 <button type="button" id="@variant.id" onclick="return Select()" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;"> 
         <div class="col-md-4"> 
          <img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" /> 

         </div> 
         <div class="col-md-8"> 
          <h4>@variant.name</h4> 
         </div> 
     </button> 

這是它訪問功能：

<script type="text/javascript"> 
     function Select() 
     {   
     alert("test"); 
     return false;   
     } 
    </script> 

對於函數調用後由於某些原因，在視圖是總是被刷新。你知道我的代碼可能有什麼問題嗎？

Answer 1

您應該使用阻止默認值來停止事件，另請參閱event.stopPropagation（）。

在這裏，我阻止了這個事件，也許你應該使用它，如果你的條件是錯誤的。

function select(e){ 
 
    e.preventDefault(); 
 
    alert('test'); 
 
    return false; 
 
}

<button type="button" id="@variant.id" onclick="select(event)" style="padding:10px 15px;width:100%;height:100%;margin-top:-10px;"> 
 
       <div class="col-md-4"> 
 
        <img width="100" height="100" style="padding:5px" src="/test/@variant.logo" title="@variant.name" /> 
 

 
       </div> 
 
       <div class="col-md-8"> 
 
        <h4>@variant.name</h4> 
 
       </div> 
 
</button>