Init value from an Object for a select Input does not work

Community Help
1

Could someone explain me why the initialisation of a select Input is not possible from an Object ?

initValue1 = ({ name: "Warriors", location: "San Francisco, California" })

viewof favorite1 = Inputs.select(teams, {
  label: "Favorite team",
  format: (x) => x.name,
  value: initValue1
})

See:
https://observablehq.com/d/7b0e463acd4a21dc

1 Like
2

Your notebook is not public, but…

Try something like

initValue1 = teams[0]

The issue is that your initValue1 is not the same object as teams[0]; they have the same value but they are not the same object.

3

Have set the notebook as public.

Nope, it seems not to work.

4

Works for me.

viewof favorite1 = Inputs.select(teams, {
  label: "Favorite team",
  format: (x) => x.name,
  value: teams[1]
})

You can also use the key option to initialize the selected value if it’s easier.


viewof favorite2 = Inputs.select(new Map(teams.map((t) => [t.name, t])), {
  label: "Favorite team",
  key: "Warriors"
})
5

Indeed it works with teams[1]but not the value itself. That was my question.

viewof favorite1 = Inputs.select(teams, {
  label: "Favorite team",
  format: (x) => x.name,
  value: { name: "Warriors", location: "San Francisco, California" }
})

gives the “Lakers” not the “Warriors”

6

Right, you can’t do that because it’s not the same object, as pointed out above.

7

Ok I understand now.
Thank you very much.