获取@Html.DropDownList 或选择值答案

【问题标题】：Getting @Html.DropDownList or select value获取@Html.DropDownList 或选择值
【发布时间】：2021-03-08 00:59:33
【问题描述】：

我需要获取 @Html.DropdownList 的值，以便按其值添加条件。但我不知道我怎么能得到它。我该怎么办？这是我的代码。帮帮我...

@using (Html.BeginForm("Index", "Search", routeValues, FormMethod.Get, new RouteValueDictionary { { "class", "search-form" } })) {
    <fieldset>
        @Html.DropDownList("q",new List<SelectListItem>
   {
       new SelectListItem {Text ="تور",Value="تور"},
       new SelectListItem {Text ="ویزا",Value="ویزا"},
       new SelectListItem {Text ="اقامت گاه",Value="اقامت گاه"},
       new SelectListItem {Text ="مولتی",Value="مولتی"},
   },"یک گزینه را انتخاب کنید")
        @Html.DropDownList("secq",new List<SelectListItem>
   {
       new SelectListItem {Text ="انگلستان",Value="انگلستان"},
       new SelectListItem {Text ="ژاپن",Value="ژاپن"},
       new SelectListItem {Text ="روسیه",Value="روسیه"},
       new SelectListItem {Text ="کانادا",Value="کانادا"},
       new SelectListItem {Text ="کنیا",Value="کنیا"},
       new SelectListItem {Text ="سافاری",Value="سافاری"},
       new SelectListItem {Text ="ده روزه",Value="ده روزه"},

   },"یک گزینه را انتخاب کنید")
        @Html.Hidden("culture", WorkContext.CurrentCulture)
        <button type="submit">@T("Search")</button>
    </fieldset>
}

谢谢

【问题讨论】：

你想从哪里获取值？在视图中包含表单还是在控制器操作中？
@YiyiYou 在视野中
@YiyiYou 不，我尝试了不同的方法，但没有成功。也许我没有真正使用它。
@YiyiYou 是的，它以这种方式工作，但我想在第二个下拉列表中添加一个显示选项的条件，我需要将该值用于 if 语句，但这个答案可以帮助我在其他问题。非常感谢
我再次更新我的答案，这是一个演示，当第一个下拉列表更改并且值 ==تور，添加一个选项到第二个下拉列表。

标签： html asp.net-core razor conditional-statements html-helper

【解决方案1】：

您可以像这样在视图 js 中获取此下拉列表值：

第一个下拉列表值：

$("#q").val()

第二个下拉列表值：

$("#secq").val()

更新：

这是一个演示：

查看：

<fieldset>
        @Html.DropDownList("q", new List<SelectListItem>
   {
       new SelectListItem {Text ="تور",Value="تور"},
       new SelectListItem {Text ="ویزا",Value="ویزا"},
       new SelectListItem {Text ="اقامت گاه",Value="اقامت گاه"},
       new SelectListItem {Text ="مولتی",Value="مولتی"},
   }, "یک گزینه را انتخاب کنید")
        @Html.DropDownList("secq", new List<SelectListItem>
   {
       new SelectListItem {Text ="انگلستان",Value="انگلستان"},
       new SelectListItem {Text ="ژاپن",Value="ژاپن"},
       new SelectListItem {Text ="روسیه",Value="روسیه"},
       new SelectListItem {Text ="کانادا",Value="کانادا"},
       new SelectListItem {Text ="کنیا",Value="کنیا"},
       new SelectListItem {Text ="سافاری",Value="سافاری"},
       new SelectListItem {Text ="ده روزه",Value="ده روزه"},

   }, "یک گزینه را انتخاب کنید")

    </fieldset>
<button onclick="getdata()">getdata</button>


<script>
    function getdata() {
        var q = $("#q").val();
        var secq = $("#secq").val();
    }
</script>

结果：

更新2：查看（当第一个下拉值==“تور”时，在第二个下拉列表中添加带有测试的选项文本）：

<fieldset>
    @Html.DropDownList("q", new List<SelectListItem>
{
   new SelectListItem {Text ="تور",Value="تور"},
   new SelectListItem {Text ="ویزا",Value="ویزا"},
   new SelectListItem {Text ="اقامت گاه",Value="اقامت گاه"},
   new SelectListItem {Text ="مولتی",Value="مولتی"},
}, "یک گزینه را انتخاب کنید")

    @Html.DropDownList("secq", new List<SelectListItem>
{
   new SelectListItem {Text ="انگلستان",Value="انگلستان"},
   new SelectListItem {Text ="ژاپن",Value="ژاپن"},
   new SelectListItem {Text ="روسیه",Value="روسیه"},
   new SelectListItem {Text ="کانادا",Value="کانادا"},
   new SelectListItem {Text ="کنیا",Value="کنیا"},
   new SelectListItem {Text ="سافاری",Value="سافاری"},
   new SelectListItem {Text ="ده روزه",Value="ده روزه"},

}, "یک گزینه را انتخاب کنید")

</fieldset>


@section scripts{
    <script>
        $("#q").on("change", function () {
            var q = $("#q").val();
            if (q == "تور") {
               
                $('#secq').append(`<option value="test"> 
                                       test
                                  </option>`); 
            }
        });

    </script>

}

结果：

【讨论】：