JQUery: Filter select elements from a .map query

Question

I'm sure this has been answered here but I just don't know how to word the question. I am getting all of the elements of a form using:

//get all form elements
$("#" + thisForm + " :input").map(function () { 

//get element data
var elementName = $(this).attr('name');
var elementType = $(this).attr('type');

and then storing them in a javascript object. The problem is that select and textarea elements do not have a type, so they appear as undefined. Is there a way to filter for them using the :input").map function or do I have to go to something like this:

$(thisForm + " > fieldset > select").add(thisForm + " > fieldset > textarea").each(function() {
  // do stuff
});

Thanks

I'm getting all the elements from a form. I'm then looking to sort those elements by type (radios, checkboxes, selects). However, select and textarea do not have a type attribute so the way I am currently doing it returns elementType as undefined. As I am mapping over all the elements how can I determine it's type? — PruitIgoe
– PruitIgoe, Commented Jun 1, 2011 at 17:10

kapa · Accepted Answer · 2011-06-01 17:24:43Z

1

If the returned elementType is undefined, you can try getting the tagName property (plain Javascript HTMLElement property) which will return the name of the tag itself (like select, textarea, etc.).

So you can do something like:

var elementType = $(this).attr('type');
if (typeof elementType == 'undefined') {
    elementType=this.tagName.toLowerCase();
}

jsFiddle Demo

answered Jun 1, 2011 at 17:24

kapa

78.9k21 gold badges166 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQUery: Filter select elements from a .map query

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related