title: Knockout Cart example, Drop Down selected info
body: <p><a href="http://jsfiddle.net/descending/adNuR/2523/" rel="nofollow">http://jsfiddle.net/descending/adNuR/2523/</a></p>
  
  <p>So this is the Knockout Js Car Editor sample and I added one thing, the Get Info link. I need to be able to add items and get the selected items for that line when the user clicks get info. </p>
  
  <p>How on earth can I achieve this? I'm stumped</p>
  
  <pre><code>var CartLine = function () {
      var self = this;
      self.category = ko.observable();
      self.product = ko.observable();
      self.quantity = ko.observable(1);
      self.subtotal = ko.computed(function () {
          return self.product() ? self.product().price * parseInt("0" + self.quantity(), 10) : 0;
      });
  
      // Whenever the category changes, reset the product selection
      self.category.subscribe(function () {
          self.product(undefined);
      });
  };
  </code></pre>