javascript - Html.ActionLink 在 html 选项标签中不起作用

Question

这是我第一次使用“select-option”标签，所以请帮助我。

这是我的问题: 我创建这个用于将数据导出到不同类型的文件(xls、doc 等):

<select class="btn btn-xs">
                    <option selected>Export to....</option>
                    <option>@Html.ActionLink("Export to Word", "ExportToWord", "Stock", FormMethod.Post)</option>
                    <option>@Html.ActionLink("Export to Excel", "Excel", "Stock", FormMethod.Post)</option>
                </select>

它允许我选择我选择的导出类型，但它不导出数据。所以我做了一些研究，但没有找到对我有帮助的东西。

这是一个示例:Is there anyway to make actionlinks work inside a dropdown或此链接中的另一个:using href links inside <option> tag 。但我不明白如果所有代码都在同一个 Controller 内怎么办？

Answer 1

选项标签内不能有元素(操作链接将创建一个 a 标签)。 如果您想移动到从下拉列表中选择的链接，您将希望它发生在更改事件上。 使用内部包含地址的属性，例如 <option value="http://stackoverflow.com"> 。 让更改事件查看值属性并使用它。

示例:

$('#dropdownID').on("change", function () {
  var ddURL = $('option:selected', this).attr('value');
  window.location.href = ddURL;
});