Ajax返回值无法赋值至input字段，需实现多值写入需求

问题分析 #

你的代码里存在两个核心问题：

1. 值被覆盖：循环中每次调用$('#all_lineitem').val(a)都会替换掉input的现有值，最后只会保留最后一个返回的id
2. 赋值有效性检查：要确保#all_lineitem元素确实存在，且Ajax返回的lineitemid是包含id属性的有效对象数组

修复方案（单Input存储多值） #

我们可以先收集所有返回的id，用分隔符（比如逗号）拼接成字符串后再赋值给input，这样就能一次性保留所有值。修改后的代码如下：

function getlineitemid(){ 
    var a = $('#purchase_req').val(); 
    $('#hidden_req').val(a); 
    var req = $('#hidden_req').val(); 

    $.ajax({ 
        type: "POST", 
        url: "<?php echo admin_url('PurchaseOrder/getlineitemid/')?>", 
        data: {"req":req}, 
        dataType : 'json', 
        success: function(data) { 
            var lineitemid = data.lineitemid; 
            // 初始化数组收集所有id
            var allIds = [];
            for(var i = 0; i < lineitemid.length; i++){ 
                console.log(lineitemid[i].id); 
                // 将每个id加入数组
                allIds.push(lineitemid[i].id); 
            }
            // 用逗号分隔拼接成字符串，赋值给input
            $('#all_lineitem').val(allIds.join(','));
            // 控制台打印验证结果
            console.log('所有id已写入input:', allIds.join(','));
        } 
    }); 
}

进阶方案（多Input提交数组） #

如果你希望后端能直接接收数组格式的数据（无需手动拆分字符串），可以动态创建多个同名的input元素（因为你的input name是all_lineitem[]），代码如下：

function getlineitemid(){ 
    var a = $('#purchase_req').val(); 
    $('#hidden_req').val(a); 
    var req = $('#hidden_req').val(); 

    $.ajax({ 
        type: "POST", 
        url: "<?php echo admin_url('PurchaseOrder/getlineitemid/')?>", 
        data: {"req":req}, 
        dataType : 'json', 
        success: function(data) { 
            var lineitemid = data.lineitemid; 
            // 先清空原有动态生成的input（避免重复）
            $('#all_lineitem_container').empty();
            for(var i = 0; i < lineitemid.length; i++){ 
                console.log(lineitemid[i].id); 
                // 动态创建input并添加到容器中
                $('<input>', {
                    type: 'text',
                    name: 'all_lineitem[]',
                    value: lineitemid[i].id,
                    // 若不需要显示可设置为隐藏域
                    // hidden: true
                }).appendTo('#all_lineitem_container');
            }
        } 
    }); 
}

需要在HTML中添加一个容器元素来承载动态生成的input：

<div id="all_lineitem_container">
    <!-- 动态生成的input会插入到这里 -->
</div>
<!-- 可保留原input或直接替换为容器 -->
<input type="text" id="all_lineitem" name="all_lineitem[]">

额外检查点 #

• 在success函数开头添加console.log(data)，确认返回的lineitemid是有效数组
• 检查浏览器控制台是否有JS错误，比如选择器找不到元素的报错
• 确保页面中没有重复的all_lineitem id

内容的提问来源于stack exchange，提问作者rohit