如何解决灰色的“提交”按钮不适用于页面加载
我希望页面加载时“提交”按钮显示为灰色,直到用户选择除默认“选择”之外的某个值。现在,仅当用户更改值并将其更改回“选择”时,才禁用按钮。页面加载时应该不处于活动状态吗?每次加载页面时都应该调用change()jQuery方法吗?
$(".Field").change();
$(".Field").change(function () {
if ($("#ID option:selected").text() == 'Choose') {
$("#submitButton").attr("disabled","disabled");
}
else {
$("#submitButton").attr("enabled",null);
}
});
<div class="Field">
@Html.DropDownListFor(x => x.ID,new SelectList(Model.Fields,"ID","About"),"Choose")
<.div>
<div class="submitButton">
<input name="submitButton" type="submit" id="submitButton" value="Submit" />
</div>
解决方法
将事件触发器移动到处理程序下方,然后尝试。
$(".Field").change(function () {
if ($("#ID option:selected").text() == 'Choose') {
$("#submitButton").prop("disabled","disabled");
}
else {
$("#submitButton").prop('disabled',false);
}
});
$(".Field").change();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。