带有对象的 JavaScript 下拉列表

Question

我想用 JavaScript 创建一个下拉列表，其中包含实际对象而不仅仅是单个值。

例如，我有一个包含两个成员的对象，ID 和Name。在下拉列表中，我希望为每个对象显示名称。但是，如果有人选择了一个名字，我希望能够轻松获得关联的 ID。

如果没有两个单独的容器，一个用于 DDL 中的内容，一个具有相应的 ID 索引，则不确定如何执行此操作。

Answer 1

如果我没理解错的话，select 已经支持这个了。选项文本和选项值是两个独立的东西

<select>
  <option value="1">Volvo</option>
  <option value="2">Saab</option>
  <option value="3">Opel</option>
  <option value="4">Audi</option>
</select>

检查这个 fiddle

https://jsfiddle.net/pg92tqka/

当您获得所选选项的值时，您可以获得存储的 id 并通过该值访问实际对象(id 可以是数组中的索引，...)