javascript - 在 jquery 中添加最后一个表时迭代 php 数组转换为 json

Question

我有一个数组，已转换为 json。结果将被解释为添加最后一行中的选择选项。

代码如下:

 $(document).on('click', '#addRow', function() {
        var arrayFromPHP = <?php echo json_encode($type); ?>;
        $.each(arrayFromPHP, function(i, elem) {
            console.log(elem);
        });

        $("#tableReport").find('tbody').append($('<tr>\n\
                <td><select>"<?php echo '<option> Value </option>' ?>"</select></td>\n\
                </tr>'));
    });

如何将 json 传递到 append 中的选择选项？

已更新

现在，如果只有一个数组，我就可以成功地操纵它。但是，我有 4 个 php 数组。它应该是一个函数，或者我在数组上创建数组。现在我的代码看起来像 tjis :

function selOP (arrayJSON, value){
        var selStr ='<select>';

        $.each(arrayJSON, function(i, elem) {

            selStr += '<option>' + elem.value+ '</option>';

        });

        return selStr += '</select>';
    }


    $(document).on('click', '#addRow', function() {
        var type = <?php echo json_encode($type); ?>;
        var item = <?php echo json_encode($item); ?>;


        var selType = '<select>';
        var selItem = '<select>';


        $.each(type, function(i, elem) {
            selType += '<option>' + elem.NAMA_TYPE + '</option>';

        });

        $.each(item, function(i, elem) {
            selItem += '<option>' + elem.NAMA_ITEM + '</option>';

        });
        selType += '</select>';
        selItem += '/<select>';

        $("#tableReport").find('tbody').append('<tr><td>' + selType + '</td><td>'+ selItem +'</tr>');

    });

非常感谢任何解决方案。

Answer 1

只需更新如下代码:

$(document).on('click', '#addRow', function() {
   var arrayFromPHP = <?php echo json_encode($type); ?>;
   var selStr = '<select>';
   $.each(arrayFromPHP, function(i, elem) {
        selStr += '<option>' + elem.yourValue + '</option>';
   });
   selStr += '</select>';
   $("#tableReport").find('tbody').append('<tr>\n\<td>'+selStr+</td>\n\</tr>');

});

首先使用each创建选择字符串，然后将其作为新行附加到表中

希望这对你有用