获取@Html.DropDownList 或 select 值

Question

我需要获取我的@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>
}

谢谢

Answer 1

在view 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>

}

结果：

获取@Html.DropDownList 或 select 值

Getting @Html.DropDownList or select value

html

html-helper

conditional-statements

razor

asp.net-core