2012-12-04 13 views
6

Za pomocą narzędzia Twitter Boostrap próbuję utworzyć listę rozwijaną z dzielnikami w menu rozwijanym, odpowiadającym każdej sekcji. Czy to jest możliwe?Twiiter Bootstrap - rozdzielacze i nagłówki rozwijania formularza

JSFiddle included

Chciałbym stworzyć coś takiego:

<!--GROUP--> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<!--GROUP--> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
+0

próbowałeś optgroup? – naveen

+0

Próbowałem, ale bez wcięcia, z tego powodu nie działa dla mnie. Przyjmuję twoją odpowiedź, ale warto zauważyć, że dla przyszłych czytelników liczy się wcięcie. – snakesNbronies

+0

Powiązany post jako rozszerzenie tego pytania dla osób używających backbone.js: http://stackoverflow.com/questions/13717366/backbone-marionette-passing-variable-to-composite-view-tag – snakesNbronies

Odpowiedz

8

Aby to osiągnąć, można użyć optgroup

<div class="container"> 
    <select> 
     <optgroup label="Group 1"> 
      <option>Item 1</option> 
      <option>Item 2</option> 
      <option>Item 3</option> 
     </optgroup> 
     <optgroup label="Group 2"> 
      <option>Item 1</option> 
      <option>Item 2</option> 
      <option>Item 3</option> 
     </optgroup> 
    </select> 
</diV>​ 

Updated skrzypce: http://jsfiddle.net/codovations/M8pSH/

Powiązane problemy