javascript - 根据两个下拉列表的默认值禁用按钮

Question

我有两个下拉列表和一个禁用按钮。加载页面时，该按钮被禁用。 一旦选择任一下拉菜单，该按钮就会启用。

我想要一种情况，如果两个下拉列表的默认值是 “选择分支”和“选择城市”，提交按钮被禁用。

这可能吗？ jQuery 中有没有一个函数可以做到这一点。更多的是一个观察者。

@Html.DropDownList("ddlrt", Model.Yoma, "Select a branch", new { @class = "kel" })
@Html.DropDownList("ddlre", Model.Kuma, "Select a City", new { @class = "kel" })
<button id="mySubmit" class="btnyoma" disabled>Submit</button>
<script>
    //Other Items can go here
   $("#ddlrt").change(function () {                 
       $('.sendbtn').removeAttr("disabled");
   });

   //other items can end here
   $("#ddlre").change(function () {
       $('.sendbtn').removeAttr("disabled");
   });
</script>

Answer 1

您可以按照以下方式进行操作。

$("#ddlrt, #ddlre").change(function () {
    if ($('#ddlrt').val() || $('#ddlre').val())
        $('.sendbtn').prop("disabled", false);
    else
        $('.sendbtn').prop("disabled", true);
});