ASP.NET MVC ActionLink的剃刀點擊

Question

我有鑑於此動作鏈接：

@Html.ActionLink("Edit", "Edit", null, new {@id="editLink", @class="button"}) 

我想調用Java腳本方法，使URI從我選擇的列表框項目運行。

@Html.ListBox("EmployeeName", (IEnumerable<SelectListItem>)ViewBag.selectlist, new { @id = "saglistbox", @class = "SAGListbox" }) 

作爲第一步，當我試圖只是顯示使用JavaScript警報：

<script type="text/javascript"> 
    $('#editLink').click(function() { 
     alert("hello"); 
    }); 
</script> 

出於某種原因，如預期，這是行不通的。

Answer 1

您在DOM完全加載時沒有綁定事件。

<script> 
$(function() { 
    $('#editLink').click(function() { 
     alert("hello"); 

     //To get selected value use 
     var selected = $("#EmployeeName").find(':selected').text(); 

     //To stop default behaviour 
     return false; 
    }); 
}); 
</script> 

二make the URI at runtime from my Selected List Box Item那麼你必須阻止它默認的行爲從而使用return false

Answer 2

這有幫助嗎？

<script type="text/javascript"> 
$(function() { 
    $('#editLink').click(
    function() { 
     alert("hello"); 
    }); 
}); 
</script> 

Answer 3

試試這個：

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('#editLink').click(function() 
     { 
      alert("hello"); 
     }); 
    }); 
</script> 

Answer 4

你可以通過任何HTML屬性作爲參數來生成操作鏈接。您也可以這樣做：

@Html.ActionLink("Edit", "Edit", null, new { @id="editLink", @class="button", onclick = "myfunction()" })