Jquery内のPHPコードappend（）function

Question

私のjQuery append()関数の中にPHPコードを追加したいと思います。

次のコードを試しましたが、動作しません。 私は何かが足りないと思う。

<script type="text/javascript"> 
$(function() { 
     $("#addMore").click(function(e) { 
     e.preventDefault(); 
     $("#fieldList").append("<tr><td><label><?php echo get_phrase('select_item');?></label><select name='item[]' class='form-control' > <option value=''><?php echo get_phrase('select_item');?></option><?php $categories = $this->db->get_where('item', array('category1' => 'STATIONARY'))->result_array(); foreach ($categories as $row):?><option value='<?php echo $row['componentId'];?>'><?php echo $row['itemName'];?></option> 
       <?php endforeach;?></select></td><td><label><?php echo get_phrase('amount ');?></label><input type='text' name='amount[]' class='form-control'></td></tr>"); 

     }); 
}); 
</script> 

Answer 1

データソースにはほとんどアクセスできません。あなたのpage.phpの上にあなたのデータソースを引っ張ってみてください。以下の例のようなページを整理することができます。

<?php 

function getProduct($id) { 
    $products = [ 
     '1' => [ 
      'name' => 'product1', 
      'price' => 'price1', 
     ], 
     '2' => [ 
      'name' => 'product2', 
      'price' => 'price2', 
     ], 
    ]; 

    return $products[$id]; 
} 

?> 

<script type="text/javascript"> 
    console.log('<?= getProduct(1)['name']; ?>'); 
    console.log('<?= getProduct(1)['price']; ?>'); 
</script>