ボタンをクリックした後にMVCビューが更新されています

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（）も参照してください。イベントを停止するには、デフォルトを使用しないでください。

ここではイベントを防止しています。条件がfalseの場合は、このイベントを使用する必要があります。あなたのコードは動作するはずです

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>