Question

我有一个简单的jquery脚本，当没有选择有效选项时，它会禁用表单的提交按钮。

如果页面加载时选择了“选择一个过程...”选项，则此方法有效。但是，某些页面加载了预先填充的值，因此...提交按钮加载为禁用。

$("#sidebar-before-after-select").change(function() {
    if (this.value == "xx") {
        $("#sidebar-before-after-submit").prop("disabled", true);
    } else {
        $("#sidebar-before-after-submit").prop("disabled", false);
    }
});

如何调整它以便读取页面加载时的当前值以及更改？

Answer 1

在docready和更改时调用您的函数。见下文：

<script>
      $(function(){
           checkSelect();
           $("#sidebar-before-after-select").change(function() {
                 checkSelect();
            }):
        }):

      checkSelect function(){
        if ( $("#sidebar-before-after-submit option:selected").val() == "xx") {
              $("#sidebar-before-after-submit").prop("disabled", true);
          } 
         else {
              $("#sidebar-before-after-submit").prop("disabled", false);
          }
      }
</script>

Answer 2

function setDisabled() {
   if ($("#sidebar-before-after-select").val() == "xx") {
       $("#sidebar-before-after-submit").prop("disabled", true);
   } else {
       $("#sidebar-before-after-submit").prop("disabled", false);
   }
}

$(function() {
   setDisabled();

   $("#sidebar-before-after-select").change(function () {
       setDisabled();
   });
});

Answer 3

 //you can trigger the change event in dom ready.
  $(function(){
   $("#sidebar-before-after-select").trigger("change");
 });

表单提交按钮状态在选择时更改，但在页面加载时不正确

3 个答案: