Question

我正在尝试下拉用户数量，根据用户数量，我想根据用户数量显示文本框的数量。因此，我现在已经制作了一个下拉列表，如果他们选择了一个用户，我就可以显示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++;
  }
})

但不是这样，我希望平行地使用名字和姓氏文本框。

我的工作{{3}}

感谢任何帮助。

Answer 1

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

如何使文本框平行

1 个答案: