Laravel中AJAX动态加载选项的表单提交时出现参数未定义问题

嘿，我来帮你排查这个问题！刚接触AJAX动态生成表单元素时，很容易踩这类小坑，咱们一步步来分析解决：

首先，你代码里最明显的问题：AJAX循环变量用反了 #

看你这段循环生成选项的代码：

$.each(response.locations, function (key, value) {
    $('#selectLocations').append('<option value=' + key.id + '>' + value.title + '</option>');
});

这里的key是数组的索引（比如0、1、2这种数字），value才是每个具体的location对象！你用key.id自然拿不到有效值，生成的option的value会是undefined，提交表单时自然就传了undefined。

改成下面这样就对了，记得给value值加引号避免特殊字符问题：

$.each(response.locations, function (key, value) {
    $('#selectLocations').append('<option value="' + value.id + '">' + value.title + '</option>');
});

其次，优化事件触发时机更可靠 #

你现在绑定的是#step1的点击事件来加载地点，但用户可能没点这个按钮就直接提交表单，导致第二个select是空的。建议改成监听第一个select的change事件，用户一选公司就自动加载对应地点，体验更流畅也更不易出错：

$(document).ready(function () {
    $('#selectCompany').on('change', function () {
        let companyId = $(this).val();
        // 确保选中了公司才发请求
        if (companyId) {
            $.ajax({
                type: 'GET',
                url: '/get/info/',
                dataType: 'json',
                data: { companyId: companyId },
                success: function (response) {
                    $('#selectLocations').empty();
                    // 加个默认提示选项，引导用户选择
                    $('#selectLocations').append('<option value="">请选择地点</option>');
                    $.each(response.locations, function (key, value) {
                        $('#selectLocations').append('<option value="' + value.id + '">' + value.title + '</option>');
                    });
                },
                error: function (ts) {
                    alert(ts.responseText);
                }
            });
        } else {
            // 如果用户取消选择公司，清空第二个select
            $('#selectLocations').empty().append('<option value="">请先选择公司</option>');
        }
    });
});

最后，做几个验证确保万无一失 #

1. 检查后端返回的数据格式：在浏览器开发者工具的Network面板里，查看/get/info/请求的响应，确认返回的JSON里locations数组每个对象都有id和title字段。
2. 确认表单参数名匹配：第二个select的name是locationId，后端控制器里要对应用$request->locationId来获取参数，别写错变量名。
3. 测试前端值是否正确：加载完选项后，在浏览器控制台执行$('#selectLocations').val()，看看能不能拿到选中的地点ID，以此判断是前端生成问题还是后端接收问题。

内容来源于stack exchange