如何通过动态ID获取multiselect下拉框选中值？代码返回undefined

嘿，我一眼就瞅出问题出在哪啦！你的jQuery选择器写错了，导致找不到正确的选中选项，所以才返回undefined。

问题根源 #

你写的代码里，ID和option:selected之间没有空格：

var value = $('#' + arrayObj[i]+'option:selected').val();

这会让jQuery去寻找一个ID是[arrayObj[i]的值]option:selected的元素，而不是找ID为arrayObj[i]的下拉框里的选中选项，自然找不到任何元素啦！

修正方案 #

给ID和option:selected之间加上空格，让选择器正确定位到下拉框的子元素：

// 修正选择器，添加空格分隔父元素和子元素
var selectedValues = $('#' + arrayObj[i] + ' option:selected').val();

针对多选下拉框的额外提示 #

因为你用的是multiselect（多选下拉框），val()方法返回的是选中值的数组，而不是单个值。如果需要遍历这些值，可以这样做：

for (var i = 0; i < arrayObj.length; i++) {
    var dropdownId = arrayObj[i];
    // 先确认下拉框元素存在，避免报错
    var $dropdown = $('#' + dropdownId);
    if ($dropdown.length === 0) {
        console.warn('找不到ID为' + dropdownId + '的下拉框');
        continue;
    }
    // 获取多选的所有选中值
    var selectedValues = $dropdown.val();
    if (selectedValues) {
        console.log('ID为' + dropdownId + '的选中值：', selectedValues);
        // 遍历选中值
        selectedValues.forEach(function(val) {
            console.log('单个选中值：', val);
        });
    } else {
        console.log('ID为' + dropdownId + '的下拉框没有选中任何选项');
    }
}

调试小技巧 #

如果还是有问题，可以先打印出生成的选择器，确认它和页面上的元素匹配：

console.log('生成的选择器：', '#' + arrayObj[i] + ' option:selected');

打开浏览器控制台，看看这个选择器对应的元素是否存在，这样能快速排查ID是否正确、元素是否加载完成。

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