razor - Razor：获取选择框中所选项目的值

Question

我的视图中有一个选择框（它是一个 umbraco 局部视图），

<div class="select">                            
 @{
   var node = Umbraco.Content(1310);
   <select data-val="true" data-val-required="The PickOne field is required." id="PickOne" name="PickOne">
   <option value="">Pick One</option>
   @foreach (var item in node.Children.Where("Visible"))
   {
         <option value="@item.Name">
            @item.Name
         </option>
   }
   </select>
  }                                 
  </div>

如何在剃刀中获取上述下拉列表的选定值？

请帮忙，

谢谢。

编辑

我得到了剃刀的价值，但它只在提交后出现

 var sLand = Request.Form["PickOne"];
 <p>@sLand</p>

我怎样才能使它动态（即，改变）？

Answer 1

您需要一点 javascript 来提交表单 onchange。这是我目前用于项目的。

if ($('.select').length) {
    var drpDnwBox = $('.select select');
    drpDnwBox.on('change', function () { $(this).parents('form').submit(); });
}

现在是剃须刀（我自己是新手）

<div class="select">                            
 @{

   var sLand = Request.Form["PickOne"];
   var node = Umbraco.Content(1310);

   <select data-val="true" data-val-required="The PickOne field is required." id="PickOne" name="PickOne">
   <option value="">Pick One</option>
   @foreach (var item in node.Children.Where("Visible"))
   {

        if (sLand.Contains(item.Name)) //using a contains 
        {
            selected = "selected=\"selected\"";
        }

         <option value="@item.Name" @selected>
            @item.Name
         </option>
   }
   </select>
  }                                 
  </div>