IndexedDB游标操作：如何通过传入的字段名字符串获取值

你遇到的问题本质是JavaScript对象属性访问的基础语法坑，不需要修改IndexedDB的任何逻辑，用原生的方括号动态访问语法就能解决。

你之前写的cursor.value.name_for_value为什么失效？
点号（.）后面跟的内容，JS会直接将其识别为固定的属性键名，不会解析对应的变量值。也就是说这段代码运行时，JS根本不会读取你传入的name_for_value参数里存储的字段名字符串，只会硬去游标存储的对象里找**键名就叫"name_for_value"**的属性，自然拿不到预期的结果。
JS专门为动态属性访问设计了方括号写法：方括号内部的内容会先被解析为实际的字符串值，再用这个值去匹配对象的属性键。你只需要把原来的点号写法换成方括号包裹的参数变量即可：

// 原错误写法：读取对象上固定叫name_for_value的属性
// var data_value = cursor.value.name_for_value;
// var data_text = cursor.value.name_for_text;

// 正确写法：读取参数对应的字段名作为属性键
var data_value = cursor.value[name_for_value];
var data_text = cursor.value[name_for_text];

结合你已经完成的事务、对象存储获取逻辑，把动态属性访问的逻辑嵌进去，就能得到完全通用的select生成函数：

function make_select(name_of_table, name_for_value, name_for_text, targetSelectElement) {
  // 你已经验证可行的表查询逻辑直接沿用
  const tx_menu = db_handle.transaction(name_of_table, 'readonly');
  const store_menu = tx_menu.objectStore(name_of_table);

  // 打开游标遍历表内所有数据
  const cursorRequest = store_menu.openCursor();
  cursorRequest.onsuccess = (event) => {
    const cursor = event.target.result;
    if (!cursor) return; // 游标遍历到末尾，直接退出

    // 用方括号动态读取需要的字段值
    const optionValue = cursor.value[name_for_value];
    const optionText = cursor.value[name_for_text];

    // 生成option并插入到目标select组件
    const newOption = new Option(optionText, optionValue);
    targetSelectElement.add(newOption);

    // 驱动游标继续遍历下一条数据
    cursor.continue();
  }
}

• 这种方括号动态访问的写法对所有JS对象通用，不是IndexedDB专属的特殊接口，不管是普通业务对象、还是IndexedDB游标返回的结构化存储数据，只要是对象属性就能通过这种方式读取
• 如果担心传参时写错字段名导致生成无效option，可以在读取字段后加一层简单校验，比如判断值不为undefined再插入option
• 后续如果要优化查询性能，你可以直接传入对应字段名打开专属索引的游标，不用全表扫描，这个写法和当前的通用函数逻辑完全兼容

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