html - working - bootstrap select list



Come si rende necessario un menu a discesa Bootstrap? (2)

Quindi, ho il seguente codice per un box a discesa realizzato con 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>

Ora voglio renderlo necessario per selezionare qualcosa da questa casella a discesa prima di poter continuare. L'ho già fatto per caselle di testo e pulsanti di opzione aggiungendo semplicemente richiesto al tag, ma non ho un tag come quello qui, quindi come faccio a farlo allora?


Potresti semplicemente usare un elemento select e applicare richiesto al suo tag?

<select class="form-control" required>
    <option>België/Belgique</option>
    <option>Deutschland</option>
    <option>France</option>
    <option>Nederland</option>
    <option>United Kingdom</option>
</select>

Vedi questa domanda SO in particolare.


Se mettiamo solo richiesto in select tag e <option value="">None</option> nell'opzione funzionerà per la validazione. Ho fatto riferimento a questa pagina .

Funziona per la selezione deve essere fatta tra valore fornito.

Ma mi piacerebbe sapere come scrivere un messaggio di convalida personalizzato come predefinito come questo messaggio.?

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

Sopra il codice funziona bene per la convalida come "Selezione di un elemento nella lista prima di inviare".





drop-down-menu