2014-03-30 22 views
0

我在寻找其动态创建输入字段一个jQuery代码..我发现这个代码,它是种的东西我想JQuery的添加输入字段,且具他们

$(function() { 
    var input = $('<input type="text" />'); 
    var newFields = $(''); 
    $('#qty').bind('blur keyup change', function() { 
     var n = this.value || 0; 
     if (n + 1) { 
      if (n > newFields.length) { 
       addFields(n); 
      } else { 
       removeFields(n); 
      } 
     } 
    }); 

    function addFields(n) { 
     for (i = newFields.length; i < n; i++) { 
      var newInput = input.clone(); 
      newFields = newFields.add(newInput); 
      newInput.appendTo('#newFields'); 
     } 
    } 

    function removeFields(n) { 
     var removeField = newFields.slice(n).remove(); 
     newFields = newFields.not(removeField); 
    } 
}); 

DEMO

但我想有领域numerated,就像这样:

  • #1场
  • #2场
  • #3场

我已经尽力了,我真的搜索到了很长一段时间没空,但我没有发现任何东西,可以帮助我。我希望有人能帮助我。

回答

0

试试这个:

function addFields(n) { 
     for (i = newFields.length; i < n; i++) { 
      var newInput = $("<div>#"+(i+1)+"</div>").append(input.clone()); 
      newFields = newFields.add(newInput); 
      newInput.appendTo('#newFields'); 
     } 
    } 

DEMO

相关问题