Bind-Element-From-Selected-Item-Knockout.html

<script type="text/javascript">
  var viewModel = {
      students: ko.observableArray([
        { id: 1, name: 'Jake' },
        { id: 2, name: 'Kate' },
        { id: 3, name: 'Mari' }
     ]),
      selected: ko.observable()
  };
  
  ko.applyBindings(viewModel);
</script>

<ul data-bind="foreach: students">
    <li>
          <a href="#" data-bind="click: $root.selected, text: name"></a>
    </li>
</ul>

<div data-bind="with: selected">
    Id:   <span data-bind="text: id"></span>
    Name: <span data-bind="text: name"></span>
</div>