javascript - 单击下拉列表中基于该选项 ID 的选项后，如何在 html 表中显示数据？

Question

我有一个 Html 表，它将按管理员 ID 返回用户信息列表。我在同一个 Html 页面中有一个下拉列表，它将返回所有用户(即用户名和用户 ID)，单击特定的用户名表数据必须通过该特定的用户详细信息进行更改。

有人可以帮我解决这个问题吗？

Answer 1

假设您有一个返回名为 getUserData 的用户详细信息的函数:

getUserData(userId){
   /// Some Codes
}

当选择元素的选定值发生更改时，您应该调用此函数，你可以用 jQuery 来做到这一点，如下所示:

$('#usersDropDown').on('change', function() {
  getUserData(this.value)
});

你的选择元素应该是这样的:

<select id="usersDropDown">
<option value="1">User1</option>
</select>