多选框迁移选项时JS报错：Uncaught TypeError: Cannot read property 'length' of undefined

咱们先定位错误根源：这个报错说明代码尝试读取一个undefined变量的length属性。看你提供的add_to函数，第一行操作var k = obj2.length;里的obj2对应调用时传入的第三个参数——document.SetSkillsForm.sele_des1。也就是说，这个参数没有获取到对应的DOM元素，返回了undefined。

常见的几个触发原因 #

• 表单/元素命名拼写错误：检查SetSkillsForm这个表单的name属性是否确实是这个值，以及目标多选框sele_des1的name属性是否和代码里一致。document.SetSkillsForm.sele_des1是通过表单名+元素名来获取DOM的，只要其中一个拼写错了，就会返回undefined。
• DOM未加载完成就执行函数：如果你的脚本放在页面头部，或者事件绑定在DOM渲染之前，此时调用add_to时，目标多选框还没被浏览器解析出来，自然拿不到元素。
• 缺失参数导致后续混乱：看你调用add_to的代码，最后一个参数bModified没有传递，但函数里有对它的操作if (bModified) { bModified.value = 'Y'; }，虽然这不是当前报错的直接原因，但后续也可能引发其他问题。

一步步解决问题 #

1. 先给函数加参数校验，快速定位问题

在add_to函数最开头加上参数检查，这样能直接在控制台看到哪个元素没找到：

function add_to(objSrc, objSkill, objList, objList1, objList2, nMaxNr, bModified) {
  // 先校验关键参数是否存在
  if (!objList) {
    console.error("错误：目标多选框 sele_des1 未找到");
    return false;
  }
  if (!objSrc) {
    console.error("错误：源多选框 sele_des 未找到");
    return false;
  }
  if (!objSkill) {
    console.error("错误：技能等级元素 SkillsLevel 未找到");
    return false;
  }

  // 原有代码继续执行
  var obj1 = objSrc;
  var obj2 = objList;
  var k = obj2.length;
  var leveltext = "";
  var levelvalue = "()";
  var skillSelect;
  // ... 剩下的原有代码
}

打开浏览器控制台（F12），触发迁移操作，就能看到具体哪个元素出问题了。

2. 确保DOM加载完成后再绑定事件

把你的JavaScript代码放在</body>标签之前，或者用DOMContentLoaded事件包裹，确保所有DOM元素都渲染完成后再执行：

document.addEventListener('DOMContentLoaded', function() {
  // 这里定义你的 add_to、skillsGetFocus 等函数
});

3. 修正调用时的参数缺失

补充调用add_to时的最后一个参数bModified，比如如果页面有一个名为bModified的隐藏输入框，就把它传进去：

<select id="sele_des" name="sele_des" size="10" 
        onFocus="window.skillsGetFocus(document.SetSkillsForm.sele_des1, document.SetSkillsForm.sele_des2, document.SetSkillsForm.sele_des3)" 
        onDblClick="return window.add_to(
          document.SkillsListForm.sele_des, 
          document.SkillsLevel, 
          document.SetSkillsForm.sele_des1, 
          document.SetSkillsForm.sele_des2, 
          document.SetSkillsForm.sele_des3, 
          -1,
          document.SetSkillsForm.bModified <!-- 补充这个参数 -->
        )" 
        style="width: 360px" >

如果不需要这个参数，也可以在函数定义里给它加默认值，避免后续报错：

function add_to(objSrc, objSkill, objList, objList1, objList2, nMaxNr, bModified = null) {
  // 函数内容...
}

4. 核对所有DOM元素的命名

仔细检查：

• 表单SetSkillsForm的name属性是否正确
• 多选框sele_des1、sele_des2、sele_des3的name属性是否和代码里一致
• 技能等级元素SkillsLevel的命名是否正确

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