Javascript 如何使文本框平行排列

我正在尝试进行用户计数下拉列表，根据该计数，我希望根据用户计数显示文本框的数量。因此，目前我已进行了下拉列表，如果他们选择一个用户，我可以通过以下代码显示Firstname文本框和last文本框：

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

$（'.selectpicker[name=state1]'）。更改（函数（）{
var i=0；
$（'.input group'）.children（'input'）.remove（）
而（i

但是我不想这样做，我想让名字和姓氏文本框并行

我的工作

---

感谢您的帮助。

类

表单控件

使您的元素宽度变为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">')

$（'.input group'）。追加（'
')

---

演示：

类

表单控件

使元素的宽度变为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">')

$（'.input group'）。追加（'
')

演示：