Javascript 收集多个输入的更好方法

我试图找到一个更好的方法来收集多个输入。目前，我正在使用一个滑块来表示用户希望输入多少项。如果用户说选择了3，那么我正在寻找一种方式来显示他们输入3项的方式

我想我需要说的是，如果用户使用滑块选择3，那么我需要使用相同的ID显示3个具有特定宽度的输入元素。比如说，银行可能会要求您输入pin。这可能吗。在我的示例中，boxnumber是需要创建的div。非常感谢

$(function() {
$("#boxnumber").hide();
$("#slider").live('change', function() {

if($(this).val()>0)
  $("#boxnumber").addClass("ui-input-text").show(1000);
else
if ($(this).val()==0)
  $("#boxnumber").hide(1000);

 });
});

+++编辑+++

<div id="boxnumber">
  <label for="boxamount">Enter box numbers *</label>
  <input type="text" name="boxamount" id="boxamount" value="" />
</div>

这个输入最初是隐藏的。

像下面这样使用HTML

<div id="slider2box"></div>

然后试试这个jQuery代码

$(function() {
    $("#slider").live('change', function() {
        $('#slider2box').empty();
        for(var i=0; i<$(this).val().parseInt(); i++){
            $('#slider2box').append('<div class="item" id="item'+i+'"></div>');
        }
    });
});

希望它能起作用

现在在这些div上设置样式以制作方框

，希望这能起作用：

---

你能展示一下你的表单是什么样子的吗？您可以选择该站点上的jQuery和jQuery UI库您的问题不清楚me@brad由于某些原因，旋转器在运行时会继续运行代码。Thanks@sazzad此时，无论用户在滑块上选择什么值，都与基于滑块显示的输入元素没有关联。我在寻找一种方法，即用户从滑块中选择3，然后向他们提供某种输入，使其与滑块更为相似。滑块是一个可以选择多个的选择框吗？sazzad它什么都不做。它应该做什么？thanksibrahim在小提琴上工作，但不为我工作。我什么都没做，所以猜是我的密码。我唯一能想到的就是我目前拥有的输入元素。我已经用代码更新了我的问题。谢谢

$(function() {
   $("#slider").live('change', function() {
      $('#boxnumber').empty();
      for(var i = 0; i < $(this).val(); i++){
         $('#boxnumber').append(
            '<div>
              <label for="boxamount">Enter box ' + (i+1) +' number:</label>
              <input type="text" name="box-'+i+'-no" id="box-'+i+'-no" />
            </div>'
         );
          }
   });
});