淘汰javascript数据绑定下拉列表

几天来，我开始使用敲除javascript和bootsrap。我想将一些元素添加到下拉列表中，从数据库中选择元素，并获取id（数据库），以便单击以搜索其他数据。 我从控制器添加数据：

success: function (data) {
            if (data != null) {
                $.each(data, function (index, element) {
                    document.pvm.CartLst.push({ Id: element.ID, Name: element.ShortName });
                });
            }
        }

我将这些数据添加到下拉列表中：

_mVM.Averagepace = function (item, event) {
        var element = {cartlist: document.pvm.CartLst()}; 
        var rvm = new panelViewModel(element);
        _mVM.rapArray.push(rvm);
    }

在.cshtml中，我有以下内容：

<ul class="dropdown-menu scrollable-menu" aria-labelledby="dropdownMenu6" data-bind="foreach: cartlist">
<li data-bind="click: document.pvm.changeSelC"><a href="#"><b data-bind="text: $data"></b></a></li></ul>

---

问题是在我的下拉列表中出现了一个“[对象]”列表，但它必须只显示CartLst中的名称。当选择更改以在_mVM.ChangeSelC中获取该名称后面的id时。我一直在寻找不同的解决方案，但对我来说毫无用处。如果你能帮我，我将不胜感激

这是使用KnockoutJS在下拉列表中通常获得“

[object object]

”的方式：

ko.applyBindings（{availableItems:[{Id:1，Name:'some item'}]}）


_mVM.changeSelC = function (item, event) {

            //get the id of the selected cart from the dropdownlist

            }