функция JQuery срабатывает, когда DropDownList SelectedValue

Question

У меня есть JQuery анимации функцию, которую я хочу, чтобы позвонить, если SelectedValue для моего списка является X

 <script> 
    $(function() { 
     var state = true; 
     ($("#button").click)(function() { 
      if (state) { 
       $("#effect").animate({ 
        backgroundColor: "#aa0000", 
        color: "#fff", 
        width: 500 
       }, 1000); 
        } else { 
       $("#effect").animate({ 
        backgroundColor: "#fff", 
        color: "#000", 
        width:500 

       }, 1000); 
      } 
      state = !state; 
     }); 
    }); 

Answer 1

Вы можете попробовать, как этот

jQuery(document).ready(function(){ 
    var state = true; 
    $("#otherCatches").change(function() { 
     if (state) { 
      $("#effect").animate({ 
       backgroundColor: "#aa0000", 
       color: "#fff", 
       width: 500 
      }, 1000); 
       } else { 
      $("#effect").animate({ 
       backgroundColor: "#fff", 
       color: "#000", 
       width:500 

      }, 1000); 
     } 
     state = !state; 

    }); 
}); 

Answer 2

DropDown id -> ddlDropDown

 $(document).ready(function(){ 
      var state = true; 
     $("#ddlDropDown").change(function() { 
      if ($("#ddlDropDown").val()=="X") { //Checking if value is X 
       $("#effect").animate({ 
        backgroundColor: "#aa0000", 
        color: "#fff", 
        width: 500 
        }, 1000); 
       } else { 
       $("#effect").animate({ 
       backgroundColor: "#fff", 
       color: "#000", 
       width:500 

     }, 1000); 
     } 
     state = !state; 
    }); 
});