如何解决事件:onChange下拉列表
这里我有一个元素:
<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时,应解锁“注释”字段的文本框? 谢谢。
解决方法
您可以通过执行以下操作(此处未经测试的代码!)来完成该操作
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);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。