Mostrar el nombre en lugar del valor

Conjuntos MVP:

Estoy usando un menú desplegable que enumera una serie de datos.

He creado una variable treeBoxValue para asignar un valor predefinido desplegable. Por lo tanto, al abrir el menú desplegable, los elementos que contienen el valor de la variable treeBoxValue se comprueban.

Mi problema es que la presentación de estos valores por defecto debe contener el nombre y no el valor.

¿Puede alguien me ayuda a mostrar sólo los nombres y no los valores?

MANIFESTACIÓN

Problema: Los espectáculos desplegables los valores y no el nombre :(

Cuando abro el menú desplegable, los valores cambian con el nombre. Tengo la intención de obtener los nombres desde el principio.

Nota: Si el menú desplegable no se abrió, refrescar sólo la página de vista previa.

Robert:

Cambie esta línea:

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

a esto:

treeBoxValue = [1, 2];

En la matriz de Libros el campo idBookes numérico.

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