Question

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

当我使用@HtmlHelper.DropDownFor显示下拉列表时，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>

我引用了以下引导程序link来提出这种方法。

我写了Jquery，在点击下拉列表中的锚链接时更新按钮的文本。

问题是当我提交表单时，此按钮的文本未发布。

我该如何解决这个问题？

Answer 1

通常我们在表单中使用Selects而不是下拉列表。检查以下链接;

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="">

谢谢！

DropDown值未在MVC中提交

1 个答案: