如何使用PHP在AJAX函数中获取多个select下拉框的数组值

错误原因 #

你之前的写法存在两个核心问题：

• 选择器匹配错误：你的下拉框name属性是pname[]，不是pname，漏写了方括号，导致根本匹配不到目标元素
• 直接取值只能拿到单个元素结果：不管是jQuery的.val()还是直接获取DOM集合，都不能直接得到所有选中值的数组，需要遍历处理

解决方案 #

1. jQuery 实现 #

// 遍历所有匹配的下拉框收集选中值
let selectedProducts = [];
$("select[name='pname[]']").each(function() {
    let val = $(this).val();
    // 可选：过滤掉未选择的空值
    if (val) {
        selectedProducts.push(val);
    }
});

也可以用.map()方法简化写法：

let selectedProducts = $("select[name='pname[]']").map(function() {
    return $(this).val() || undefined; // 空值会被自动过滤
}).get();

2. 原生JS 实现 #

let selectedProducts = [];
let selects = document.querySelectorAll("select[name='pname[]']");
selects.forEach(item => {
    let val = item.value;
    if (val) {
        selectedProducts.push(val);
    }
});

拿到selectedProducts数组之后，直接作为AJAX的参数传递即可，后端按对应语言的数组接收规则处理即可。

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