JavaScript：使用两个下拉框访问数组元素时取值异常求助

嘿，我来帮你搞定这个问题～

你遇到的核心问题是把字符串和变量名搞混了：
你定义的A、B、C是独立的数组变量，但通过$('#letter option:selected').val()拿到的是字符串（比如选中"B"时，letter的值是字符串"B"，不是你定义的B数组）。这时候你写letter[index]，其实是在操作这个字符串的索引——比如字符串"B"只有1个字符，索引0就是"B"，这就是你为什么会得到选中字母而不是数组元素的原因。

修复方案 #

我们可以用一个对象来映射字母和对应的数组，这样就能通过选中的字母字符串直接获取到目标数组，再取对应索引的元素就没问题了。同时把获取结果的逻辑封装成函数，避免重复代码：

$(document).ready(function () { 
  // 用对象建立字母和数组的映射关系
  const arrMap = {
    A: [10, 20, 30],
    B: [40, 50, 60],
    C: [70, 80, 90]
  };

  // 封装更新结果的函数，初始化和下拉框变化时都能调用
  function updateResult() {
    const selectedLetter = $('#letter option:selected').val();
    // 把下拉框拿到的字符串索引转成数字（数组索引必须是数字）
    const selectedIndex = parseInt($('#index option:selected').val(), 10);
    // 先通过字母从映射对象拿到数组，再取对应索引的元素
    const result = arrMap[selectedLetter][selectedIndex];
    $('#result').val(result);
  }

  // 页面刚加载时就执行一次，初始化结果
  updateResult();

  // 监听下拉框变化，实时更新结果
  $("#letter,#index").change(updateResult); 
});

关键细节说明 #

1. 对象映射：arrMap[selectedLetter]会根据选中的字母字符串（比如"B"），直接取出对应的[40,50,60]数组，这就解决了字符串和变量名混淆的问题。
2. 索引转数字：下拉框的val()返回的是字符串类型，用parseInt(..., 10)转成数字，确保数组索引的正确性。
3. 函数封装：把更新结果的逻辑抽成函数，既可以在页面初始化时执行，也可以在下拉框变化时触发，避免重复写相同代码。

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