如何解决联动下拉框仅支持字符串、不支持数字类型的问题？

你的问题出在类型不一致导致的去重判断逻辑错误：代码里判断重复时把r[index]转成了字符串，但往currentlyAdded数组中存储的是原始值（数字类型），这会导致数字和对应的字符串被当成不同元素，出现重复添加或判断失效的情况。

修复方案1：统一字符串类型处理（推荐） #

将判断和存储的逻辑统一为字符串类型，同时给option设置value属性，方便后续联动逻辑取值：

function addUniqueOptionsToDropdownList(el, arrayOfArrays, index) {
    var currentlyAdded = [];
    el.innerHTML = '<option></option>';
    arrayOfArrays.forEach(function(r) {
        var originalValue = r[index];
        // 统一转成字符串，消除类型差异
        var valueStr = originalValue.toString();
        if (currentlyAdded.indexOf(valueStr) === -1) {
            var option = document.createElement("option");
            option.textContent = originalValue;
            option.value = valueStr; // 设置option的value属性，符合表单规范
            el.appendChild(option);
            currentlyAdded.push(valueStr);
        }
    });
}

修复方案2：使用Set简化去重逻辑 #

如果浏览器支持ES6+，用Set可以更简洁高效地完成去重，同时自动处理类型统一：

function addUniqueOptionsToDropdownList(el, arrayOfArrays, index) {
    el.innerHTML = '<option></option>';
    // 提取所有值并转成字符串，用Set自动去重
    var uniqueValues = new Set(arrayOfArrays.map(item => item[index].toString()));
    uniqueValues.forEach(function(valueStr) {
        var option = document.createElement("option");
        option.textContent = valueStr;
        option.value = valueStr;
        el.appendChild(option);
    });
}

关键说明 #

• 不管是数字还是字符串类型的ID，转成字符串后处理可以完全避免类型匹配问题；
• 设置option.value是必要的，后续联动逻辑获取选中值时，能直接拿到和判断逻辑一致的字符串类型值，避免再次出现类型不一致的问题。

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