There are a couple of issues, the main on being that when you click on either Steve or Bert you are binding your
selectedSeat
to the seat's name rather than the seat itself because you have
optionsValue: 'name'
in the binding.
selectedSeat
will also be
undefined
because nothing in the list box is selected. Though you initialise it yourself, after the data bindings run it will be cleared out. So you need to handle the case where there is no selected item when dealing with the bindings for
Tex Box 3
You also need to use brackets when dealing with observables, so instead of
$root.selectedSeat.name
you need to use
$root.selectedSeat().name
I've made some quick changes so you can see what I'm talking about.
http://jsfiddle.net/j74pqqat/26/[
^]
You may also want to keep an eye on your browsers output console (press F12 in chrome and IE) which will show you any javascript errors. And also check the documentation and examples on knockoutjs.com, the page on options bindings
here[
^] may help you out in this instance.