jQuery - determine if input element is textbox or select list

Question

How would I determine whether the element returned by an  input filter in jQuery is a textbox or select list   I want to have a different behavior for each   textbox returns text value  select returns both key and text   Example setup    lt div id  InputBody  gt   lt div class  box  gt       lt span id  StartDate  gt           lt input type  text  id  control1  gt       lt  span gt       lt span id  Result  gt           lt input type  text  id  control2  gt       lt  span gt       lt span id  SelectList  gt           lt select gt               lt option value  1  gt Option 1 lt  option gt               lt option value  2  gt Option 2 lt  option gt               lt option value  3  gt Option 3 lt  option gt           lt  select gt       lt  span gt   lt  div gt   lt div class  box  gt       lt span id  StartDate  gt           lt input type  text  id  control1  gt       lt  span gt       lt span id  Result  gt           lt input type  text  id  control2  gt       lt  span gt       lt span id  SelectList  gt           lt select gt               lt option value  1  gt Option 1 lt  option gt               lt option value  2  gt Option 2 lt  option gt               lt option value  3  gt Option 3 lt  option gt           lt  select gt       lt  span gt   lt  div gt      and then the script       InputBody          find all div containers with class    box       find   box        each function              console log  child      this id               find all spans within the div who have an id attribute set  represents controls we want to capture            this  find  span id             each function                  console log  span      this id                var ctrl     this  find   input visible first                 console log this id           ctrl val                 console log this id     SelectedText       ctrl find   selected   text

User · Answer

If you just want to check the type  you can use jQuery s  is   function   Like in my case I used below   if     id   is  select       alert  Select     else if     id   is  input       alert  input

User · Answer

alternatively  you can retrieve DOM properties  with  prop  here is sample code for select box  if  ctrl prop  type       select-one         for single select    if  ctrl prop  type       select-multiple         for multi select     for textbox    if  ctrl prop  type       text         for text box

User · Answer

You could do this   if  ctrl 0  nodeName toLowerCase        input             it was an input     or this  which is slower  but shorter and cleaner   if  ctrl is  input              it was an input       If you want to be more specific  you can test the type   if  ctrl is  input text              it was an input

[jquery] jQuery - determine if input element is textbox or select list

Examples related to jquery

Examples related to jquery-selectors