javascript - 显示名称而不是值

Question

我正在使用一个列出数据集的下拉列表。

我创建了一个 treeBoxValue 变量来分配一个预定义的下拉值。因此，当我打开下拉菜单时，会检查包含变量 treeBoxValue 的值的元素。

我的问题是这些默认值的表示应该包含名称而不是值。

有人可以帮我只显示名称而不显示值吗？

演示

问题：下拉列表显示的是值而不是名称:(

当我打开下拉列表时，值会更改为名称。我打算在一开始就得到正确的名字。

注意：如果下拉菜单未打开，请仅刷新预览页面。

Answer 1

更改此行：

treeBoxValue = ["1", "2"];

对此：

treeBoxValue = [1, 2];

在您的 Books 数组中，该字段idBook是数字的。

Books = [
    {
      idBook: 1,
      name: "name1"
    },
    {
      idBook: 2,
      name: "name2"
    },
    {
      idBook: 3,
      name: "name3"
    }
  ];