텍스트 상자를 만드는 방법

Question

사용자 수 드롭 다운을 만들고 있는데 그 수에 따라 사용자 수에 따라 텍스트 상자 수를 표시하고 싶습니다. 현재 드롭 다운을 작성했으며

$('.selectpicker[name=state1]').change(function() { 
    var i = 0; 
$('.input-group').children('input').remove() 
    while (i < parseInt($(this).val())) { 
    $('.input-group').append('<input name="phone" placeholder="Firstname" class="form-control" type="text"><input name="phone" placeholder="LastName" class="form-control" type="text">') 
    i++; 
    } 
}) 

을하지만,이 대신에 나는 평행 첫 번째 이름과 마지막 이름 텍스트 상자를 가지고 싶다 : 나는 다음과 같은 코드에 의해 마지막에 대한 FIRSTNAME에 대한 텍스트 상자와 다른 텍스트 상자를 표시 할 수있는 하나의 사용자를 선택합니다.

내가 어떤 도움 pen

을 감사 작동합니다.

Answer 1

클래스 form-control은 너비를 100 %로 만듭니다. 따라서 입력 한 내용에

style="width:50%;" 

을 추가하여 요소의 너비를 다시 선언해야합니다. 그 다음이 될 것

$('.input-group').append('<input name="phone" placeholder="Firstname" class="form-control" style="width:50%;" type="text"> 
          <input name="phone" placeholder="LastName" class="form-control" style="width:50%;" type="text">') 

데모 : http://codepen.io/anon/pen/bWmRab