是否有可能在DropDownList中有Html.ActionLink沒有java腳本？

Question

有沒有可能有這樣的事情？

@Html.DropDownListFor(
       @Html.ActionLink("About", "About", "Home") 
       @Html.ActionLink("mypage","index","Home") 
       @Html.ActionLink("apage","anypage","Home") 

       @Html.ActionLink("Test","Test","home") 
       @Html.ActionLink("pagetest", "tsetPage", "Home") 
       ); 

Answer 1

不，這是不可能的，沒有javascript。尤其是當用戶選擇此下拉菜單中的項目時，您希望頁面導航到相應的地址。如果您不想使用JavaScript，則可以將下拉列表放置在HTML <form>內，但用戶必須單擊提交按鈕才能導航。這裏有一個例子，你可以如何使用JavaScript實現這一點：

@Html.DropDownList(
    "url", 
    new SelectList(new[] 
    { 
     new SelectListItem { Text = "About", Value = Url.Action("About", "Home") }, 
     new SelectListItem { Text = "MyPage", Value = Url.Action("Index", "Home") }, 
     new SelectListItem { Text = "APage", Value = Url.Action("AnyPage", "Home") }, 
    }, "Value", "Text"), 
    "-- Pick an URL ---", 
    new { id = "urlddl" } 
) 

，然後使用jquery你可以訂閱這個下拉列表的變化情況，並導航到相應的URL：

$(function() { 
    $('#urlddl').change(function() { 
     var url = $(this).val(); 
     if (url != null && url != '') { 
      window.location.href = url; 
     } 
    }); 
});