JS生成的select无法在PHP中获取POST值的技术求助

首先，咱们来定位核心问题：你遇到的动态select字段无法被POST识别，大概率是JavaScript代码存在错误，导致元素没有被正确添加到表单DOM中，同时还有一些可以优化的点让代码更健壮。

一、先修复JS代码中的致命错误 #

看你的addSelectBox函数，最后一行parentDiv.appendChild(linebreak);里的linebreak变量根本没定义！这会直接导致JS报错，中断执行，甚至可能让前面创建的selectElement都无法成功添加到页面里。

另外，把元素添加到DOM的时机也可以优化——等AJAX加载完选项再添加，避免用户看到空的下拉框。修改后的JS代码如下：

<script type="text/javascript">
var j = 0;
function addSelectBox (){
    if (j < 3){
        var parentDiv = document.getElementById ("selectProd");
        var selectElement = document.createElement ("select");
        j++;
        selectElement.setAttribute("class", "form-control");
        selectElement.setAttribute("id", "choose" + j);
        // 改用数组命名，后端处理多个动态字段更方便
        selectElement.setAttribute("name", "choices[]");
        
        // 先创建换行元素，避免报错
        var linebreak = document.createElement("br");

        $.ajax({
            type: 'GET',
            url: 'productHelp.php?asi=<?php echo $asnro; ?>&hen=<?php echo $henro; ?>',
            datatype: 'json',
            cache: false,
            success: function (data) {
                var tnimi = data.split(";");
                for (var i=0;i < tnimi.length -1;i++){
                    var tnro = tnimi[i].split(",");
                    var option = new Option (tnro[1], tnro[0]+":"+tnro[1]);
                    selectElement.options[selectElement.options.length] = option;
                }
                // 等选项加载完成后，再把select和换行符添加到页面
                parentDiv.appendChild(selectElement);
                parentDiv.appendChild(linebreak);
            },
            error: function() {
                alert("加载产品选项失败，请重试");
            }
        });
    }
}
</script>

二、修改PHP后端代码，适配数组式命名 #

改用choices[]命名后，后端可以一次性获取所有动态生成的select值，不用逐个判断choice1、choice2，代码更简洁：

<?php
if (isset($_POST['saveButton'])) {
    $tNumArr = [];
    $tNameArr = [];

    // 处理原本的静态select字段
    if (isset($_POST['choice'])) {
        list($num, $name) = explode(':', $_POST['choice']);
        $tNumArr[] = $num;
        $tNameArr[] = $name;
    }

    // 处理所有动态生成的select字段
    if (isset($_POST['choices']) && is_array($_POST['choices'])) {
        foreach ($_POST['choices'] as $choice) {
            list($num, $name) = explode(':', $choice);
            $tNumArr[] = $num;
            $tNameArr[] = $name;
        }
    }

    // 合并成你需要的字符串格式
    $tNum = implode(', ', $tNumArr);
    $tName = implode(', ', $tNameArr);

    // 这里执行你的SQL插入/更新操作
}
?>

三、回答你关心的其他问题 #

1. 能不能不刷新页面让PHP获取POST值？

完全可以！用AJAX提交表单，页面不会刷新，模态框也能保持打开，体验更好。给表单加个提交事件监听即可：

<script>
$(document).ready(function() {
    $('form').submit(function(e) {
        e.preventDefault(); // 阻止默认的页面刷新提交
        var formData = $(this).serialize(); // 自动收集所有表单数据（包括动态字段）
        
        $.post('', formData, function(response) {
            // 后端处理完成后，这里可以做提示或页面更新
            alert('保存成功！');
            // 如果需要，可以在这里更新模态框内容，或者保持打开状态
        }).fail(function() {
            alert('保存失败，请检查网络或重试');
        });
    });
});
</script>

2. 如果必须刷新，怎么保持模态框不关闭？

页面刷新后DOM会重新加载，模态框默认会关闭。可以通过URL参数记录模态框状态，页面刷新后自动打开：

• 修改表单的action属性：

<form class="form-horizontal" method="post" action="?modal=open">

• 在页面底部加一段代码，检查URL参数并打开模态框：

<?php if (isset($_GET['modal']) && $_GET['modal'] == 'open'): ?>
<script>
$(document).ready(function() {
    $('#你的模态框ID').modal('show');
});
</script>
<?php endif; ?>

不过这种方式体验不如AJAX，更推荐用AJAX提交的方案。

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