我有一个下拉列表，其中包含从MySQL数据库中提取的值列表。这些值中的每一个在数据库中都具有其他对应的属性。这是该表的结构：
id |名字|密码
下拉值基本上只是“name”列中的所有值。
我想要做的是在单独的div中显示所选下拉列表的ID /名称/密码。也就是说，如果我从下拉列表中选择“MIT”，我希望div显示与MIT相关的id和密码。如果我选择“哈佛”，我希望div能够显示与哈佛相关联的ID和密码。
我只是在寻找关于如何处理此类设置的高级建议。
我正在考虑使用AJAX并将所选值传递到单独的PHP文件中，然后拉出并显示相关的ID和密码。然后div将包含调用该PHP文件并在该页面上显示值的代码。
我认为它在理论上有效，但看起来有点麻烦......有什么简化过程的想法？
答案 0 :(得分：0)
您可以在选项中使用数据属性。这会通过标记公开密码，但由于通过选择下拉列表中的选项可以访问它们，我想这不是问题。
如果您为每个选项提供了属性data-password="thepassword"，那么您可以$("select").find(":selected").data("password")来检索密码。使用data-id属性执行相同操作，您就是黄金。
另一种解决方案是使用带有选项值作为键的JSon结构。让我们说{"MIT":"1234","Harvard":"verysecret"}，然后使用$("select").change()和$(this).val()从您的JSon结构中检索相应的密码（和其他数据）。