灰色的“提交”按钮不适用于页面加载

问题描述

我希望页面加载时“提交”按钮显示为灰色，直到用户选择除默认“选择”之外的某个值。现在，仅当用户更改值并将其更改回“选择”时，才禁用按钮。页面加载时应该不处于活动状态吗？每次加载页面时都应该调用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();