如何制作Bootstrap下拉列表？

Question

所以,我有以下代码用于使用bootstrap制作的下拉框:

<div class="btn-group">
    <button id="landKapitein" type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle">Land
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a role="menuitem" tabindex="-1" href="#">België/Belgique</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">Deutschland</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">France</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">Nederland</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">United Kingdom</a></li>
     </ul>
</div>

现在我想让你需要从这个下拉框中选择一些东西才能继续.我已经为文本框和单选按钮做了这个,只需添加标签所需,但我没有这样的标签,那么我该如何做呢？

Answer 1

如果我们只在select标签 <option value="">None</option>中添加了必需品,那么它将适用于验证.我已经参考了这个页面.

它的选择必须在提供的值之间进行.

但我想知道如何编写默认情况下自定义验证消息,如此消息.

 <form action="demo_form.asp">
    <select required>
      <option value="">None</option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    <input type="submit">
    </form>

上面的代码适用于验证,例如"在提交前选择列表中的项目".

Answer 2

您可以只使用select 元素并将 required 应用于其标签吗？

\n\n

<select class="form-control" required>\n    <option>Belgi\xc3\xab/Belgique</option>\n    <option>Deutschland</option>\n    <option>France</option>\n    <option>Nederland</option>\n    <option>United Kingdom</option>\n</select>\n

\n\n

特别参见这个SO问题。

\n