MVC 选项选择操作链接不起作用答案

【问题标题】：MVC Options Select action link not workingMVC 选项选择操作链接不起作用
【发布时间】：2019-07-22 07:26:08
【问题描述】：

点击后，我想去这些链接，但它不起作用。我怎样才能让它工作？谢谢。

<div class="col-lg-2">
   <label class="control-label" for="Level">Filter</label>
   <select id="EType" class="form-control" name="EType">
       <option value="@Url.Action("Approver","Degree", new { Area = "Options", value=3 } )">ID</option> 
       <option value="@Url.Action("Approver","Degree", new { Area = "Options", value=4 } )">ID2</option>
   </select>
</div>

【问题讨论】：

“它不起作用”不是很具体。
当我点击这些选项时，什么也没有发生。没有转到所需的页面。
您需要通过js/jQuery 实现onchange 事件来实现此目的。选择下拉菜单中的选择不仅会将您重定向到另一个页面

标签： javascript c# asp.net-mvc

【解决方案1】：

您可以使用此示例。这不是 MVC 框架问题。可能您使用了 asp.net 网络表单。此框架无法使用 Web 表单。您必须使用 javascript 方法。我用 jQuery 快速为你创建了一个例子。

// find elements
var selectItem = $("#EType")

// handle select and go to link
selectItem.on('change', function(){
  location.href = $(this).val();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-lg-2">
   <label class="control-label" for="Level">Filter</label>
   <select id="EType" class="form-control" name="EType">
     <option value="#">Select and go</option> 
     <option value="https://omer.mollamehmetoglu.com">ID</option> 
     <option value="https://www.onedio.com">ID2</option>     
     <option value="https://www.stackoverflow.com">ID3</option>   
   </select>
</div>

【讨论】：