Javascript 如何基于选择框的数据属性填充文本输入

我有一个选择框和一个输入字段

联系人
约翰·史密斯
杰西卡·史密斯
杰罗姆史密斯
电话

您可以使用jQuery事件、jQuery和函数：

var$contact=$（“#contact”）；
$contact.on（'change'，fillPhone）；
函数fillPhone（）{
$（'input[name=“phone”]”）。val(
$contact.find（'option:selected'）。data（'phone'））
);
}
fillPhone（）

接触
约翰·史密斯
杰西卡·史密斯
杰罗姆史密斯
电话
有一种方法，可以在发生更改事件时附加要运行的函数<代码>选择

标记使用

更改（）

方法。与

复选框

或

收音机

因此，当

选择

被更改时，您需要“聆听”，并查看选择了哪些

选项

（使用

选项：已选择

）。然后“获取”选定选项的

data phone

属性，并将其作为“值”添加到输入字段中

就这样

此外，我建议您对select标记使用“空白”第一个选项。正如我在下面使用的（

）

让我知道它是否有效。干杯

$（“#联系人”）.change（函数（）{
var phoneNr=$（this）.children（“选项：选中”）.attr（“数据电话”）
$（“输入[name='phone']”）attr（“值”，phoneNr）
})

接触
---选择一个选项--
约翰·史密斯
杰西卡·史密斯
杰罗姆史密斯
电话