jQuery - Disable Form Fields

Question

I have 2 fields  1 input  1 select box   Is it possible to make the browser disable one of the fields when the user uses the other   For example  if the user is entering data into the input  the select box is disabled  If the user is selecting data from the select  dropdown   the input is disabled   Any help with this would be much appreciated   Cheers in advance

User · Accepted Answer

lt script type  text javascript  src  jquery js  gt  lt  script gt             lt script type  text javascript  gt      document  ready function               suburb   blur function               if    this  val                            post code   attr  disabled    disabled              else                   post code   removeAttr  disabled                         post code   blur function               if    this  val                            suburb   attr  disabled    disabled              else                   suburb   removeAttr  disabled                     lt  script gt    You ll also need to add a value attribute to the first option under your select element    lt option value    gt  lt  option gt

User · Answer

The jQuery docs say to use prop   for things like disabled  checked  etc  Also the more concise way is to use their selectors engine  So to disable all form elements in a div or form parent    myForm find   input not  disabled    prop  disabled  true     And to enable again you could do   myForm find   input disabled   prop  disabled  false

User · Answer

try this      inp   focus function       sel   attr  disabled   true            inp   blur function       sel   removeAttr  disabled         vice versa for the select also

User · Answer

input  select   attr  disabled    disabled

User · Answer

Here s a jquery plugin to do the same  http   s technabled com jquery-foggle

[jquery] jQuery - Disable Form Fields

Examples related to jquery

Examples related to forms