Question

请看下面的代码

                <select name="VideoType" id="VideoType" style="width:60px">
                <option value="All">All</option>
                <option value="Movie">Movie</option>
                <option value="Show">Show</option>
            </select>

<ul id="categories">
    @foreach (var genre in Model)
    {
        <li>@Html.ActionLink(genre.Title, 
            "Browse", "Store",
              new { Genre = genre.Title, VideoType =   }, null)
        </li>
    }
</ul>

正如你可以在actionlink中看到的，我如何引用下拉列表的选定值？例如：电影。

由于

Answer 1

您无法执行此操作，因为ActionLink是在服务器上生成的，而下拉列表的选定值可能会在客户端上更改。您必须使用javascript并订阅下拉列表的onchange事件，然后修改锚点的链接以包含所选值。

Answer 2

就像达林所说，你是用javascript做的。

为您的锚标记添加一个id属性，以便我们可以使用它进行引用。

@Html.ActionLink(genre.Title, 
            "Browse", "Store",
              new { Genre = genre.Title, VideoType =   }, new { @id="link1"})

然后使用javascript，更改链接

$(function(){

  $("#VideoType").change(function(){
      $("#link1").attr("href")="Store/"+$("#VideoType").val();
  });

});

如何在下拉列表中引用所选项的值？

2 个答案: