如何根据knockoutjs中的选择获取值

Question

我正在使用敲除从 API 中获取一些数据来填充我的文本框。当您选择药物时，我想从 API 中获取单价。我怎样才能做到这一点？

<div class="control-group">
    <label class="control-label">Drug:</label>
    <div class="form-horizontal">
        <select id="Drug_ddl" data-bind="options: drugs, optionsText: function (item) { return item.Description; }, value: selectedDrug" class="input-xlarge"></select>
    </div>
</div>


<div class="control-group">
    <label class="control-label">Unit Price:</label>
    <div class="form-horizontal">
        <input type="number" data-bind="value: unitPrice" step="0.01" class="input-xlarge" id="UnitPrice_txt" />
    </div>
</div>

<div class="control-group">
    <label class="control-label">Quantity:</label>
    <div class="form-horizontal">
        <input type="number" data-bind="value: quantity" step="1" class="input-xlarge" id="Qty_txt" />
    </div>
</div>

<div class="control-group">
    <label class="control-label">Cost:</label>
    <div class="form-horizontal">
        <input type="text" data-bind="value: drugcost" readonly="readonly" step="0.01" class="input-xlarge" id="Cost_txt" />
        <input type="button" id="AddDrugs_btn" data-bind="click: addDrug" class="btn btn-primary" value="Add" />

    </div>
</div>

这是 viewModel 的代码：

var claimEntryViewModel = function () {

    var drugs = ko.observableArray([]);
var unitPrice = ko.observable('0.00');
    var quantity = ko.observable('1');
    var drugcost = ko.computed(function () {
        return quantity() * unitPrice();
    });

 var loadDrugs = function () {
        url = apiServerUrl + "Items/";

        $.ajax({
            url: url,
            headers: { 'Access-Control-Allow-Origin': '*' },
            contentType: 'application/json',
            dataType: 'json',
            type: 'GET',
            crossDomain: true,
            success: function (data) {

                drugs(data);

            },
            error: function (data) {
                console.log("Is not answered");
                console.log(data);
            }
        });
    }

 var selectedDrug = ko.observable();

    var addDrug = function () {

        var match = ko.utils.arrayFirst(claimDrugs(), function (item) {
            return selectedDrug().ID === item.Id;
        });

        if (!match) {
            claimDrugs.push({
                Id: selectedDrug().ID,
                Description: selectedDrug().Description,
                unitPrice: selectedDrug().SalesPrice,
                quantity: quantity(),
                drugcost: drugcost(),
            });
        } else {
            errorMessage("Already exists!");
        }
    }

return {
        drugs: drugs, 
        addDrug: addDrug,
        selectedDrug: selectedDrug,
        unitPrice: unitPrice,
        quantity: quantity,
        drugcost: drugcost,
    }

}

有人请给我一个可以做到这一点的代码，我对淘汰赛还很陌生，真的不知道该怎么做。谢谢

Answer 1

超级酷是对的，订阅是处理这个问题的好方法。

    selectedDrug.subscribe(function (newValue) {
                neededInfo(getSelectedDrugInfoFromApi(newValue));
            });

这将在每次 selectedDrug 可观察值更改时调用 getSelectedDrugInfoFromApi()，并更新所需的信息可观察值。 请记住，不要在 subscribe 函数中更新 selectedDrug 值，因为它会创建一个循环。