Knockout observable没有被束缚

Question

我正在使用表单进行编辑。当表单被加载时，分类法代码被填充。字段绑定到使用data-bind属性敲除HTML中的observables。我面临的唯一问题是这个特定的字段当数据发送到控制器时，（Taxonomy Code）为NULL。

HTML

<div class="form-group">
    <label class="col-sm-2 control-label labelfont">Certification:</label>
    <div class="col-sm-6">
        <select class="form-control" id="certification" name="certification" data-bind="value:certification,options:certificationArray, optionsCaption: 'Select a Certification'">
        </select>
    </div>
</div>

<div class="form-group">
    <label class="col-sm-2 control-label labelfont">Specialization:</label>
    <div class="col-sm-6">
        <select class="form-control" id="specialization" name="specialization" data-bind="value:specialization,options:specializationArray, optionsCaption: 'Select a Specialization'"></select>
    </div>
</div>

<div class="form-group">
    <label class="col-sm-2 control-label labelfont">Taxonomy Code:</label>
    <div class="col-sm-6">
        <input type="text" class="form-control" placeholder="Taxonomy code" id="taxonomyCode" name="taxonomyCode" data-bind="textInput: taxonomyCode,valueUpdate: 'input'" disabled="disabled">
    </div>
</div>

JavaScript

var provider = function() {
    var self = this;

    if ((providerEditInfo.Certification == "M.D.") || (providerEditInfo.Certification == "M.B.B.S")) {
        specialities = ["Dermatology", "Hematology", "Neurology"];
    } else if ((providerEditInfo.Certification == "R.N.") || (providerEditInfo.Certification == "M.S.N.")) {
        specialities = ["Pediatric Nursing", "Critical Care Nursing", "Occupational Health Nursing"];
    }
    self.certificationArray = ko.observableArray(["M.B.B.S", "M.D.", "R.N.", "M.S.N."]);
    self.certification = ko.observable(providerEditInfo.Certification);
    self.specializationArray = ko.observableArray(specialities);
    self.specialization = ko.observable(providerEditInfo.Specialization);
    self.taxonomyCode = ko.observable(providerEditInfo.TaxonomyCode);
    self.certification.subscribe(function(val) {
        self.specializationArray([]);

        if (val == "M.D." || val == "M.B.B.S") {
            self.specializationArray(["Dermatology", "Hematology", "Neurology"])
        } else if (val == "R.N." || val == "M.S.N.") {
            self.specializationArray(["Pediatric Nursing", "Critical Care Nursing", "Occupational Health Nursing"])
        } else {
            self.specializationArray([]);
        }
    });
    self.specialization.subscribe(function(val) {
        self.taxonomyCode("");
        if (val == "Dermatology")
            self.taxonomyCode("207N00000X");
        else if (val == "Hematology")
            self.taxonomyCode("207RH0000X");
        else if (val == "Neurology")
            self.taxonomyCode("2084N0400X");
        else if (val == "Pediatric Nursing")
            self.taxonomyCode("363LP0200X");
        else if (val == "Critical Care Nursing")
            self.taxonomyCode("363LC0200X");
        else if (val == "Occupational Health Nursing")
            self.taxonomyCode("363LX0106X");
    });
};

$(document).ready(function() {
    ko.applyBindings(new provider());
});

我只添加了最少的代码。有人可以告诉我为什么分类法字段为空。请参阅附件中的图片。

Answer 1

大多数浏览器都不提交已禁用字段的值。如果您希望将值发送到服务器，则需要找出一种不同的方法来阻止用户编辑该字段。