jquery - jQuery中如何获取选中选项对应的数据？

Question

我的表单中有 UserRole 的下拉菜单。 JSON 数据为:

{"userName":"John","UserRole":[{"roleId":"URR000001","roleName":"ReleaseManager"},{"roleId":"URR000002","roleName":"ROUsers"}]};

使用 jQuery，如何获取所选的相应roleName 的roleId？

仔细阅读问题。如果有任何困惑，请在下面评论。

Answer 1

尝试(在role中输入您要查找的下拉列表中的角色，例如“ROUsers”，如下面的代码片段所示)

let data = {"userName":"John","UserRole":[{"roleId":"URR000001","roleName":"ReleaseManager"},{"roleId":"URR000002","roleName":"ROUsers"}]};

let role="ROUsers"
let result = data.UserRole.find(x=> x.roleName==role );

console.log(result);

我们在这里使用数组find和 arrow functions .