Php 在另一个div中显示下拉列表中的数据

我有一个下拉列表，其中列出了从MySQL数据库中提取的值。每个值在数据库中都有其他相应的属性。这是该表的结构：

id |名称|密码

下拉值基本上就是“名称”列中的所有值

我想做的是在一个单独的div中显示所选下拉值的id/name/password。也就是说，如果我从下拉列表中选择“MIT”，我希望div向我显示与MIT相关的id和密码。如果我选择“Harvard”，我希望div显示与Harvard关联的id和密码

我只是在寻找关于如何进行这种设置的高级建议。

我正在考虑使用AJAX并将所选值传递到一个单独的PHP文件中，然后该文件将提取并显示相关的ID和密码。然后，div将包含调用该PHP文件并在该页面上显示值的代码

---

我认为这在理论上是可行的，但似乎有点麻烦……有没有简化流程的想法？

您可以在选项中使用数据属性。这将通过标记公开密码，但由于通过选择下拉列表中的选项，密码无论如何都是可访问的，我想这不是问题

如果为每个选项指定了一个属性

data password=“thepassword”

，则可以

$（“选择”）.find（“：selected”）.data（“password”）

检索密码。对

数据id

属性执行同样的操作，您将获得金牌

---

另一个解决方案是使用JSon结构，将选项值作为键。假设

{“MIT”：“1234”，“哈佛”：“verysecret”}

，然后使用

$（“选择”）.change（）

和

$（this）.val（）

从JSon结构中检索相应的密码（和其他数据）。

我喜欢你的想法，我能看到的唯一替代方法是用所有值填充网页（隐藏）并根据选择选择显示什么-当我们谈论“密码”时听起来很危险，如果密码没有安全要求，那么使用大型JSON结构可能更容易做到这一点。听起来你无论如何都要为你描述的界面使用javascript。在显示id和密码之前，用户是否应该“提交”学校名称（“MIT”？