如何根据从下拉列表中选择的值显示消息或重定向到页面?

时间:2018-11-05 11:55:11

标签: c# asp.net-mvc

这是我的asp.net mvc应用程序中的表单。

@using (Html.BeginForm("ApproveReject", "Admin"))
{

<div class="form-group">
    @Html.LabelFor(a => a.pm_main_rep.Admin_Approval)
    @Html.DropDownListFor(a => a.pm_main_rep.Admin_Approval, new SelectList(Model.ApproveRejectValues, "Id", "value"), "", new { @class = "form-control" })

</div>


@Html.HiddenFor(a => a.pm_main_rep.Id);
<button class="btn btn-primary">Save</button>
}

如您所见,它有一个带有一些值的下拉列表,我想根据用户选择的值显示不同的消息或重定向到不同的页面。

例如,如果用户从下拉列表中选择“是”,则应显示类似以下消息:您确定要确认吗?

如果为“否”,它应该显示一个文本框,以使用户获得有关为什么选择“否”的反馈。

至少如果你们向我暗示了一些基础知识,我会设法找到自己的方式。 预先感谢

1 个答案:

答案 0 :(得分:0)

您可以使用Javascript。例如:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>change demo</title>
  <style>
  div {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<select name="sweets" >
  <option>Chocolate</option>
  <option selected="selected">Candy</option>
  <option>Taffy</option>
  <option selected="selected">Caramel</option>
  <option>Fudge</option>
  <option>Cookie</option>
</select>
<div></div>
 
<script>
$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
   alert( str );
  })
  .change();
</script>
 
</body>
</html>