javascript - ASP.NET MVC RAZOR 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">
    $(document).ready(function()
    {
        $('#editLink').click(function ()
        {
            alert("hello");
        });
    });
</script>

Answer 3

您可以传递任何 html 属性作为参数来生成操作链接。你也可以这样做：

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