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

时间:2016-05-16 11:55:54

标签: javascript jquery asp.net-mvc asp.net-mvc-4

我有两个下拉列表和一个禁用按钮。在加载页面时,该按钮被禁用。 选择任一下拉列表后,将启用该按钮。

我想要一种情况,如果两个下拉列表的默认值是 "select a branch""select a city",提交按钮已停用。

这可能吗? 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>

2 个答案:

答案 0 :(得分:1)

你可以这样做。

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

答案 1 :(得分:0)

请你这样做两次下拉......

  $("#ddlrt").change(function () {
        var ddlValue = $("#ddlrt").val();
        if (ddlValue == "")
            $("#mySubmit").prop('disabled', true);
        else
            $("#mySubmit").prop('disabled', false);
    });