Javascript 获取动态选择选项的值

我有一个以上的选择选项，我想使每当我改变我的选择选项，输入字段将填写我的选择选项的数据位置

这是一些动态选择选项

$（函数（）{
//删除按钮单击
$（文件）(
“点击”，
“[data role=“dynamic fields”]>。表单内联[data role=“remove”]”，
职能（e）{
e、 预防默认值（）；
$（this）.closest（'.form inline'）.remove（）；
}
);
//添加按钮单击
$（文件）(
“点击”，
“[data role=“dynamic fields”]>。表单内联[data role=“add”]”，
职能（e）{
e、 预防默认值（）；
var container=$（this）.closest（'[data role=“dynamic fields”]'）；
new_field_group=container.children（）.filter（'.form inline:first child'）.clone（）；
新建字段组。查找（'input'）。每个（函数（）{
$（this.val（“”）；
});
container.append（新字段组）；
}
);
});
$（'.id_penumpang'）。on（'change'，function（）{
值=$（this.attr（“数据id”）
位置=$（this.find（':selected'）.attr（'data-place'））
控制台日志（位置）
})

[data role=“dynamic fields”]>.form inline+.form inline{
边缘顶部：0.5em；
}
[data role=“dynamic fields”]>。表单内联[data role=“add”]{
显示：无；
}
[data role=“dynamic fields”]>。表单内联：最后一个子项[data role=“add”]{
显示：内联块；
}
[data role=“dynamic fields”]>。表单内联：最后一个子项[data role=“remove”]{
显示：无；
}

艾尔维纳·马尔亚迪卡拉·伊拉瓦辛塔·阿德里安·亚赫达·拉克斯泰利尼·曼达萨里·法里达·加布里埃拉·纳马加沙基拉·穆斯塔里尼·苏里亚特米巴胡拉萨·乌萨马菲特里亚·帕德马萨里
-
去除
添加

注意：这只是该方法的一个基本示例

我可以为您提供一个您正在寻找的方法的基本示例：

基本上，当您在

选择

中更改所选的

选项

时，您的输入将具有该选项的

数据位置

值

HTML:

$（'body'）。在（'change'，'select'，function（）上{
$（'[name=“result”]'）.val（$（'#select option:selected'）.data（“place”）；
});

选择1
选择2
选择3
请让我了解这一点。您想用所选选项填充输入数据位置吗？是的，属性数据位置谢谢您的建议，但如果只是这样，我已经可以做了
<select id="select">
  <option data-place="option 1">Option 1</option>
  <option data-place="option 2">Option 2</option>
  <option data-place="option 3">Option 3</option>
</select>

<input type="text" name="result">

$('body').on('change', '#select', function(){
    $('[name="result"]').val($('#select option:selected').data("place"));
});