jquery function fired when dropdownlist selectedvalue

Question

I have a jQuery animate function which I want to call if the selectedvalue for my dropdown list is 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;
        });
    });

There are a lot of formatting issues here, as well this looks like a `.click` event not a `.change()` one for a dropdown list like you're saying you want. — Mark Pieszak - Trilon.io, Nov 06 '12 at 04:35
I do agree that the event should be written on dropwn list rather than button — शेखर, Nov 06 '12 at 04:51
here is an example which may help your
http://stackoverflow.com/questions/4910795/run-jquery-function-on-drop-down-change — शेखर, Nov 06 '12 at 04:53

score 0 · Answer 1 · answered Nov 06 '12 at 04:57

Your can try like this

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;

   });
});

score 0 · Answer 2 · answered Nov 06 '12 at 05:57

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;
  });
});

jquery function fired when dropdownlist selectedvalue

2 Answers2