Jquery append()函数中的PHP代码

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>