Enable Disable a dropdownbox in jquery

Question

I am new to jQuery and I want to enable and disable a dropdown list using a checkbox  This is my html     lt select id  dropdown  style  width 200px  gt       lt option value  feedback  name  aft qst  gt After Quest lt  option gt       lt option value  feedback  name  aft exm  gt After Exam lt  option gt   lt  select gt   lt input type  checkbox  id  chkdwn2  value  feedback    gt    What jQuery code do I need to do this  Also searching for a good jQuery documentation study material

User · Answer

try this    lt script type  text javascript  gt            document  ready function                      chkdwn2   click function                      if  this checked                          dropdown   attr  disabled    disabled                    else                         dropdown   removeAttr  disabled                                     lt  script gt

User · Answer

chkdwn2   change function          if  this checked      dropdown   prop  disabled   disabled

User · Answer

Try -       chkdwn2   change function        if   this  is   checked                dropdown   removeAttr  disabled        else             dropdown   attr  disabled   disabled

User · Answer

I am using JQuery   1 8 and this works for me         dropDownId   attr  disabled   true

User · Answer

document  ready function          chkdwn2   click function        if      chkdwn2   prop  checked                dropdown   prop  disabled   true        else             dropdown   prop  disabled   false                     making use of  prop in the if statement

User · Answer

Here is one way that I hope is easy to understand   http   jsfiddle net tft4t     document  ready function          chkdwn2   click function        if    this  is   checked                dropdown   prop  disabled   true        else             dropdown   prop  disabled   false

User · Answer

chkdwn2   change function               dropdown   slideToggle          JsFiddle

User · Answer

this is to disable dropdown2   dropdown 3 if you select the option from dropdown1 that has the value 15      dropdown1   change function                if     this  val      15                          dropdown2   attr  disabled  true                       dropdown13   attr  disabled  true

User · Answer

A better solution without if-else     document  ready function             chkdwn2   click function                 dropdown   prop  disabled   this checked

User · Answer

To enable disable -       chkdwn2   change function          if  this checked      dropdown   prop  disabled  true       else     dropdown   prop  disabled  false         Demo - http   jsfiddle net tTX6E

[jquery] Enable/Disable a dropdownbox in jquery

Examples related to jquery

Examples related to drop-down-menu