Question

这里我有一个元素：

<div id="prof_Severity" class="form-group row">
    <div class="col-md-3">
        @Html.Label("Severity:  *", htmlAttributes: new { @class = "control-label single-line-valignment" })
      
    </div>

    <div class="col-md-4">
        @(Html.Kendo().DropDownList()
    .Name("Severity")
    .BindTo(Enumerable.Range(1, 10))
    .OptionLabel("Select severity...")
    .HtmlAttributes(new { style = "width: 100%; text-align: center;" })
    .Events(e => e.Change("onSeverityChange"))
    .Value(Model.Severity.ToString())
        )
    </div>

    <div class="col-md-1" style="text-align: right;">
        @Html.Label("Note:", htmlAttributes: new { @class = "control-label single-line-valignment" })
    </div>

    <div class="col-md-4">
        @(Html.Kendo().TextBox().Name("SeverityNote").Value(Model.SeverityNotes).HtmlAttributes(new { type = "text", style = "width: 100%; max-width: 100%", placeholder = "Specify if \"Severity is equal 9 or 10\", selected " }))
          )
    </div>

</div>

如何在javascript中定义onSeverityChange函数，如果我选择的严重性值小于8，则应锁定“注释”字段的文本框，而当“严重性”大于8时，应解锁“注释”字段的文本框？谢谢。

Answer 1

您可以通过执行以下操作（此处未经测试的代码！）来完成该操作

function onSeverityChange() {
   var dropdownlist = $("#Severity").data("kendoDropDownList");

   var severityValue = dropdownlist.value();

   if (severityValue < 8) {
      //lock textbox
      $('#SeverityNote').prop("disabled", true);
   } else {
      //unlock textbox
      $('#SeverityNote').prop("disabled", false);
   }
}

事件：onChange下拉列表

1 个答案: