javascript - 如何使文本框平行

我正在尝试下拉用户数量，并根据该数量我想根据用户数量显示文本框的数量。所以目前我已经下拉列表，如果他们选择一个用户，我可以显示一个文本框通过以下代码输入名字和姓氏的另一个文本框：

$('.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++;
  }
})

但是，除此以外，我想使名字和姓氏文本框平行。

我的工作pen

任何帮助表示赞赏。

最佳答案

class 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

关于javascript - 如何使文本框平行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44060165/