私のforeachを置くことができませんJSの選択オプション

Question

こんにちは誰かが私のforeachの結果を私のJSの行の機能に入れて助けることができます。

私は、コントローラからのデータを渡すCodeigniterを使用しています。

だから、私はOPTIONSの私のforeach細目の結果が得られますVIEWにSELECTを持っています。

<td class="form-group"> 
    <select class="form-control" name="subparticulars[<?php echo $x; ?>]" id="subparticulars<?php echo $x; ?>"> 
     <option value="">Select Particulars</option> 

     <?php foreach ($particularsData as $particulars) 
     { 
     ?> 

     // FOR EACH RESULTS INSIDE THE OPTIONS 
     <option value="<?php echo $particulars['feetype_id']; ?>"> <?php echo $particulars['feetype_name']; ?> </option> 

     <?php 
     } 
     ?> 
    </select>      
</td> 

だから、モーダルフォーム選択オプションは次のようになります。

今の私のあなたがをクリックすると、右上に行ボタンを追加し、それが新しい、同一の行を追加します私のJSで行関数を追加するために移動してみましょう。

function addPaymentRow() 
{ 
var tableLength = $("#addSubPaymentTable tbody tr").length; 

var tableRow; 
var arrayNumber; 
var count; 

if(tableLength > 0) {  
    tableRow = $("#addSubPaymentTable tbody tr:last").attr('id'); 
    arrayNumber = $("#addSubPaymentTable tbody tr:last").attr('class'); 
    count = tableRow.substring(3); 
    count = Number(count) + 1; 
    arrayNumber = Number(arrayNumber) + 1;     
} else { 
    // no table row 
    count = 1; 
    arrayNumber = 0; 

} 

// I NEED HELP HERE, I CAN ADD ROWS with no foreach value just plain input type, HOW CAN I ADD VALUES HERE FROM FOR EACH     
var tr = '<tr id="row'+count+'" class="'+arrayNumber+' appended-exp-row">'+         
    '<td class="form-group">'+ 
     '<select class="form-control" name="subparticulars['+count+']" id="subparticulars'+count+'">'+ 
     '<option value="">Select Particulars</option>'+ 
     '</select>'+       
    '</td>'+ 

    '<td class="form-group">'+ 
     '<input type="text" class="form-control" name="subpaymentbalance['+count+']" id="subpaymentbalance'+count+'"/>'+       
    '</td>'+ 

    '<td class="form-group">'+   
     '<input type="text" class="form-control" name="subpaymentamount['+count+']" id="subpaymentamount'+count+'" onkeyup="calculateTotalAmount()" placeholder="Payment Amount" />'+         
    '</td>'+ 

    '<td class="form-group">'+ 
     '<button type="button" class="btn btn-danger btn-sm" onclick="removePaymentRow('+count+')">Remove</button>'+ 
    '</td>'+ 
'</tr>'; 

if(tableLength > 0) {       
    $("#addSubPaymentTable tbody tr:last").after(tr); 
} else {     
    $("#addSubPaymentTable tbody").append(tr); 
}    
} 

添加行のこのようになります結果。

は、誰かが私のVIEWのように私ののforeachから来た私のJSで私オプションを移入助けることができます。

Answer 1

これを試してみてください： $('.particulars option').clone()あなたのメインセレクトのすべてのオプションを提供します。それから、新しく作成したセレクトにそれを追加するだけです。

<td class="form-group"> 
<select class="form-control particulars" name="subparticulars[<?php echo $x; ?>]" id="subparticulars<?php echo $x; ?>"> 
    <option value="">Select Particulars</option> 

    <?php foreach ($particularsData as $particulars) 
    { 
    ?> 

    // FOR EACH RESULTS INSIDE THE OPTIONS 
    <option value="<?php echo $particulars['feetype_id']; ?>"> <?php echo $particulars['feetype_name']; ?> </option> 

    <?php 
    } 
    ?> 
</select>      

function addPaymentRow() 
    { 
     var tableLength = $("#addSubPaymentTable tbody tr").length; 

     var tableRow; 
     var arrayNumber; 
     var count; 

     if (tableLength > 0) { 
      tableRow = $("#addSubPaymentTable tbody tr:last").attr('id'); 
      arrayNumber = $("#addSubPaymentTable tbody tr:last").attr('class'); 
      count = tableRow.substring(3); 
      count = Number(count) + 1; 
      arrayNumber = Number(arrayNumber) + 1; 
     } else { 
      // no table row 
      count = 1; 
      arrayNumber = 0; 

     } 

// I NEED HELP HERE, I CAN ADD ROWS with no foreach value just plain input type, HOW CAN I ADD VALUES HERE FROM FOR EACH     
     var tr = '<tr id="row' + count + '" class="' + arrayNumber + ' appended-exp-row">' + 
       '<td class="form-group">' + 
       '<select class="form-control" name="subparticulars[' + count + ']" id="subparticulars' + count + '"></select>' + 
       '</td>' + 
       '<td class="form-group">' + 
       '<input type="text" class="form-control" name="subpaymentbalance[' + count + ']" id="subpaymentbalance' + count + '"/>' + 
       '</td>' + 
       '<td class="form-group">' + 
       '<input type="text" class="form-control" name="subpaymentamount[' + count + ']" id="subpaymentamount' + count + '" onkeyup="calculateTotalAmount()" placeholder="Payment Amount" />' + 
       '</td>' + 
       '<td class="form-group">' + 
       '<button type="button" class="btn btn-danger btn-sm" onclick="removePaymentRow(' + count + ')">Remove</button>' + 
       '</td>' + 
       '</tr>'; 

     if (tableLength > 0) { 
      $("#addSubPaymentTable tbody tr:last").after(tr); 
     } else { 
      $("#addSubPaymentTable tbody").append(tr); 
     } 

     $('.particulars option').clone().appendTo('#subparticulars' + count); 
    }