2つのドロップダウンリストのデフォルト値に基づいてボタンを無効にする

Question

2つのドロップダウンリストと無効なボタンがあります。ページが読み込まれると、ボタンは無効になります。 いずれかのドロップダウンが選択されると、ボタンが有効になります。

2つのドロップダウンリストのデフォルト値が "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> 

Answer 1

次のようにすることができます。

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

Answer 2

あなたがこの方法のように、両方のドロップダウンのために何ができる......

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