альтернативный элемент отсутствует в форме начальной загрузки

Question

У меня есть простая форма бутстрапа, которая имеет два элемента выбора один под другим. Но только 1 выбор появляется.

<form class="form-horizontal" role="form"> 
    <div class="form-group"> 
     <label for="inputType" class="col-md-2 control-label">Type</label> 
     <div class="col-md-10"> 
      <input type="text" class="form-control" id="inputType" placeholder="Type"> 
     </div> 
    </div> 

    <div class="form-group"> 
     <label for="sel1" class="col-md-2 control-label">sel1</label> 
     <div class="col-md-10"> 
      <select class="form-control" id="sel1" placeholder="Type"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="sel2" class="col-md-2 control-label">sel2</label> 
     <div class="col-md-10"> 
      <select class="form-control" id="sel2" placeholder="Type"> 
     </div> 
    </div> 
</form> 

У меня есть jsfiddle здесь: http://jsfiddle.net/0brx0jx0/, который демонстрирует это.

любые указатели?

Answer 1

Вы не закрыли тег select. Попробуйте следующее.

<form class="form-horizontal" role="form"> 
    <div class="form-group"> 
     <label for="inputType" class="col-md-2 control-label">Type</label> 
     <div class="col-md-10"> 
      <input type="text" class="form-control" id="inputType" placeholder="Type"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="sel1" class="col-md-2 control-label">sel1</label> 
     <div class="col-md-10"> 
      <select class="form-control" id="sel1" placeholder="Type"> 
       <option>opt1</option> 
       <option>opt2</option> 
       <option>opt3</option> 
      </select> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="sel2" class="col-md-2 control-label">sel2</label> 
     <div class="col-md-10"> 
      <select class="form-control" id="sel2" placeholder="Type"> 
       <option>opt1</option> 
       <option>opt2</option> 
       <option>opt3</option> 
      </select> 
     </div> 
    </div> 
</form>