javascript - DropDown 值未在 MVC 中提交

Question

我在 MVC5 应用程序中使用 Bootstrap3。

当我使用 @HtmlHelper.DropDownFor 显示下拉列表时， Bootstrap 样式不会应用于 Internet Explorer 中的组合框。

因此，作为解决方法，我编写了一个自定义代码来显示下拉列表。

  <div class="col-md-6 dropdown">
       <button class="col-md-6 form-control input-sm dropdown-toggle" data-val="true" role="button" id="SystemSize" name="dropdown1" data-toggle="dropdown" value="llll">
             <span class="caret pull-right"></span>
        </button>

        <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdown1">
            @foreach (var item in items)
             {
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">@item.Text</a></li>
             }
        </ul>    
  </div>

我引用了以下 Bootstrap link提出这种方法。

我编写了 Jquery 来在单击下拉列表中的 anchor 链接时更新按钮的文本。

问题是当我提交表单时，该按钮的文本没有被发布。

如何解决这个问题？

Answer 1

通常我们使用选择而不是表单内的下拉菜单。检查以下链接；

http://getbootstrap.com/css/#forms-controls

示例:

<select class="form-control">
    @foreach(var item in items)
    {
        <option value="@(item.Value)" >@item.Text</option>
    }
</select>

如果您想使用下拉菜单，则可以使用隐藏字段来存储值，并在您编写的用于更新文本的函数中设置该值。

<input type="hidden" id="SystemSize" name="SystemSize" value="">

谢谢!