Javascript 基于下拉选择完成表单

我有一个简单的表单，要求员工输入电话号码、员工ID等。我希望通过允许他们从下拉列表中选择姓名，并根据所选姓名自动填写电话和ID号的文本输入字段，为他们节省一些时间（并防止数据输入错误）

我有一个包含所有员工信息的HTML表，但不知道如何将这些信息传递到适当的字段。代码片段如下所示：

\emp\u数据\u tbl{
宽度：90%
}
#emp_数据_tbl td，
#电磁脉冲数据{
边框：1px实心#ddd；
填充：8px；
}
#emp_data_tbl tr:n个子级（偶数）{
背景色：#F2F2；
}
#emp_数据_tbl tr：悬停{
背景色：#ddd；
}
#电磁脉冲数据{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}

名称

选择名称。。。
亚当·杰克逊
比尔·史密斯
克里斯克林顿
大卫·比林斯
伊蒙·兰普森
电话

身份证







事实上，这个数据表是用CSS显示隐藏的：在这个模型中，只有一个是可见的
名称
电话
身份证件
亚当·杰克逊
111-111-1111
#1111
比尔·史密斯
222-222-2222
#2222
克里斯克林顿
333-333-3333
#3333
大卫·比林斯
444-444-4444
#4444
伊蒙·兰普森
555-555-5555
#5555

这将让您开始学习

\emp\u数据\u tbl{
宽度：90%
}
#emp_数据_tbl td，
#电磁脉冲数据{
边框：1px实心#ddd；
填充：8px；
}
#emp_data_tbl tr:n个子级（偶数）{
背景色：#F2F2；
}
#emp_数据_tbl tr：悬停{
背景色：#ddd；
}
#电磁脉冲数据{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}

名称










名称
电话
身份证件
亚当·杰克逊
111-111-1111
#1111
比尔·史密斯
222-222-2222
#2222
克里斯克林顿
333-333-3333
#3333
大卫·比林斯
444-444-4444
#4444
伊蒙·兰普森
555-555-5555
#5555
var rows=document.getElementById（“emp_data_tbl”）.rows；
var用户=[]；
var phonenrs=[]；
var-id=[]；
//从i=1开始跳过标题行
对于（变量i=1；i

这将让您开始学习

\emp\u数据\u tbl{
宽度：90%
}
#emp_数据_tbl td，
#电磁脉冲数据{
边框：1px实心#ddd；
填充：8px；
}
#emp_data_tbl tr:n个子级（偶数）{
背景色：#F2F2；
}
#emp_数据_tbl tr：悬停{
背景色：#ddd；
}
#电磁脉冲数据{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4CAF50；
颜色：白色；
}

名称










名称
电话
身份证件
亚当·杰克逊
111-111-1111
#1111
比尔·史密斯
222-222-2222
#2222
克里斯克林顿
333-333-3333
#3333
大卫·比林斯
444-444-4444
#4444
伊蒙·兰普森
555-555-5555
#5555
var rows=document.getElementById（“emp_data_tbl”）.rows；
var用户=[]；
var phonenrs=[]；
var-id=[]；
//从i=1开始跳过标题行
对于（变量i=1；i

在页面上隐藏包含员工信息的表有什么意义？我想它是否隐藏与我所面临的问题并不密切相关。表的原始功能是管理性的，因此办公室中的人员知道其他员工的联系信息等。当查看页面的这部分时，它是隐藏的，因为它与正在填写的表单无关，只是作为一个查找表，将与它们相关的信息带入文本输入字段。对于使用隐藏的

HTML

表的选择/选项标记，您的HTML是不正确的，我认为最好创建一个

JavaScript

array变量来保存employees对象（name、id等）然后在下拉菜单中添加一个事件侦听器，并使用数组填充字段。在页面上隐藏包含员工信息的表有什么意义？我想它是否隐藏与我面临的问题并不密切相关。表的原始功能是管理性的，因此办公室中的人员知道其他员工的联系信息等。当查看页面的这部分时，它是隐藏的，因为它与正在填写的表单无关，只是作为一个查找表，将与它们相关的信息带入文本输入字段。对于使用隐藏的

HTML

表的选择/选项标记，您的HTML是不正确的，我认为最好创建一个包含employees对象（名称、id等）的

JavaScript

数组变量，然后在下拉菜单中添加一个事件侦听器，并使用数组填充字段。谢谢@dmat。我可以看到它正在抓取电话号码和ID，因为当我单击“提交”按钮时，它们会显示在URL中。我删除了手机和ID输入框上的注释块标记，以便它们在页面上可见，但是