Javascript 使用knockout js将下拉列表中的值存储到表中

我正在使用knockout js、ASP.NETMVC开发一个应用程序，其中有一个下拉列表，其中包含一些使用knockout js的数据绑定。现在我想将所选值添加到数据库中

我是这样做的

html

    <select>
              <!--ko foreach: products-->
              <option data-bind="text: $data, value: newproductnametoadd"></option>    
              <!--/ko-->                     
    </select>
<a class="btn" data-bind="click: add">Add New Entry</a>

---

它成功地将数据库中的数据填充到dropdownlist中，但当我单击add new entry时，它不会将其添加到数据库中。

得到如下解决方案

HTML

 <select  data-bind="options:$root.canadiancrudes, optionsText:'Product', optionsValue:'Product',value:selectedChoice, optionsCaption:'Choose a Product'">

 </select>
<input type="button" class="btn btn-success" data-bind="click: add, enable: selectedChoice" value="Add New Entry"/>

 <select  data-bind="options:$root.canadiancrudes, optionsText:'Product', optionsValue:'Product',value:selectedChoice, optionsCaption:'Choose a Product'">

 </select>
<input type="button" class="btn btn-success" data-bind="click: add, enable: selectedChoice" value="Add New Entry"/>

self.selectedChoice = ko.observable();
    self.add = function (canadiancrude) {
        var payload = {
            Term: "Term", Product: this.selectedChoice(), Location: "Location", Pipeline: "Pipeline",
            BidCP: "Bid CP", BidVolume: "Bid Volume", Index: "Index", Bid: "0.0", Offer: "0.0",
            OfferVolume: "Offer Volume", OfferCP: "Offer CP"
        };
        $.ajax({
            url: '/odata/Canadiancrudes',
            type: 'POST',
            //  data: ko.toJSON(payload),
            data: JSON.stringify(payload),
            contentType: 'application/json',
            dataType: 'json'
        });
    }