бутстрапа выберите раздел меню в раскрывающийся список

Question

У меня есть вариант выбора в форме, но мне нужно, чтобы это было самозагрузкой кнопку выбора, я пытался, но не с ним, я думаю, plugings неверны или что-то.

  <select name="city"> 
       <option value="Sydney">Sydney</option> 
       <option value="Brisbane">Brisbaneo</option> 
       <option value="Melbourne">Melbourne</option> 
       <option value="Canberra">Canberra</option> 
       <option value="Darwin">Darwin</option> 
       <option value="Perth">Perth</option> 
      </select> 
      <li><input name="submit" type="submit" /></li> 
     </ul> 

    </form> 

Это моя попытка: -

<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
    Select City 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Sydney</a></li> 
     <li><a href="#">Brisbane</a></li> 
     <li><a href="#">Melbourne</a></li> 
     <li><a href="#">Canberra</a></li> 
     <li><a href="#">Darwin</a></li> 
     <li><a href="#">Perth</a></li> 

    </ul> 

<script> 
$(document).ready(function() { 
$('.dropdown-toggle').dropdown(); 
}); 
</script> 

PHP для этого списка

if(isset($_POST['submit'])) { 
switch($_POST['city']) { 
    case 'gampaha': $to = 'to1@gmail.com'; break; 
    case 'colombo': $to = 'to2@hotmail.com'; break; 
} 
} 

Answer 1

Как вы можете видеть здесь, ваша скрипка: http://bootply.com/104533

Вы должны обернуть свой код в div class="dropdown"

<div class="dropdown"> 
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
    Select City 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Sydney</a></li> 
     <li><a href="#">Brisbane</a></li> 
     <li><a href="#">Melbourne</a></li> 
     <li><a href="#">Canberra</a></li> 
     <li><a href="#">Darwin</a></li> 
     <li><a href="#">Perth</a></li> 

    </ul> 
</div> 

Без, это не работает.

Answer 2

Вы можете поместить выпадающее меню в оболочку класса btn-group. Пример:

<div class="btn-group"> 
    <button class="btn dropdown-toggle clearfix">City <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> 
    <li role="presentation" class="divider"></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> 
    </ul> 
</div>