javascript - 收集多个输入的更好方法

Question

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

我想我需要的是，如果用户使用 slider 选择 3，那么我需要使用相同的 ID 显示 3 个具有一定宽度的输入元素。就像银行可能会要求您提供密码一样。这可能吗。在我的示例中，#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>

此输入最初是隐藏的。

Answer 1

希望这会起作用: http://jsfiddle.net/laheab/XkfsZ/4

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