下拉框选中项关联SQL数据显示到表格单元格问题排查求助

问题原因 #

• JS中DOM选择方法拼写错误，原生方法为document.getElementById()，代码中多写了s写成getElementsById，方法不存在导致无法选中目标元素
• <span>不属于表单输入类元素，不能用value属性赋值，需要用innerText或textContent属性设置内容

修正后的代码 #

JS部分调整 #

var mySelect = document.getElementById("pull_data");
mySelect.addEventListener("change", function() {
  var myOptionFour = mySelect.options[mySelect.selectedIndex].getAttribute("data-description");
  // 修正选择方法和赋值属性
  document.getElementById('details').innerText = myOptionFour;
});

适配多行情景补充 #

如果后续需要新增多行表格数据，要避免多个元素重复使用相同id，可改成通过当前选中下拉框的父子节点关系查找对应行的描述列，无需依赖固定id即可适配多行行内联动需求。

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