データベースの列の値に基づいて入力フィールドの数を表示

Question

qtyの値と同じ数の入力フィールドを表示したいのですが、を保持する列名qtyのデータベーステーブルがあります。 これまでのところ私はiavascriptコードを使って試してみました。ここに私のJavaScriptコードです。

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

Answer 1

ちょうどテキストフィールドに値を格納しようとすることができ（隠された） HTML：

<input type="hidden" id="quantitycount" value="4" /> 
<div class="textboxarea"></div> 

のjQuery： テキストボックスの値を取得します

var quantitycount=jQuery('#quantitycount').val(); 
var txthtml=''; 
for(var txtcount=0;txtcount<quantitycount;txtcount++){ 
txthtml+='<input type="text" id="txtbox[]" value="" />'; 
} 
jQuery('.textboxarea').html(txthtml); 

あなたは今、私たちは、必要性に従ってテキストボックスの数を見ることができますデシベルからわずか値と追加するには、テキストボックス

Answer 2

あなたはこの

foreach($qty as $qt){ 
    echo '<input type="text">'; 
} 

Answer 3

にそれを保管回

の数のループにエントリー制御ループを使用することができますあなたは、HTMLフォームに

をラッパーを必要とするテキストフィールドは@Rajeshで述べたように、いくつかのラッパーを使用しますと

$('#qty').bind('blur keyup change', function() { 
     var n = this.value || 0; 

      if (n >0) { 
      for(var x=0;x<n;x++){ 
      $('#textboxarea').append('<input type="text" name="mytext[]"/>'); 
      } 
     }); 

下に示すように、そのラッパーにテキストフィールドを追加します

同様に、jqueryを使用してテキストフィールドも削除する独自のロジックを書くことができます