Getting the type of a control using Javascript and JQuery

Question

I am trying to use JQuery to get the type of control and following is the code that I am using.

$('#selCity').attr('type')

where selCity is of type select. When I try the above code it returns as undefined but when I use the alternative code with Javascript, it returns the correct type.

Please look into this fiddle to understand it clearly: http://jsfiddle.net/Ye8e9/

Could someone advice on how I can acheive this correctly using JQuery? Is this an issue with JQuery or am I making a mistake?

Community · Accepted Answer · 2017-05-23 12:09:20Z

10

Use

$('#selCity').prop('type')

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop() method.

Reference

DEMO

edited May 23, 2017 at 12:09

CommunityBot

11 silver badge

answered Nov 21, 2012 at 12:36

Sibu

4,6272 gold badges30 silver badges38 bronze badges

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

2 Comments

Sibu Over a year ago

@AbishekRSrikaanth check my reference

Sibu Over a year ago

@AbishekRSrikaanth you can use .prop for all type html elements, check my demo

Rab Khan · Accepted Answer · 2012-11-21 12:29:03Z

8

if you mean the type of tag, the use this

 $("#selCity").get(0).tagName

See your demo here

answered Nov 21, 2012 at 12:29

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

1 Comment

Abishek Over a year ago

Rab Nawaz, Is there a generic approach that I can follow to get for all the controls. If I try the above code for a textbox, I get the value "INPUT" and with this output am not sure if the control is a hidden field or a textbox or a password field.

A. Wolff · Accepted Answer · 2012-11-21 12:30:11Z

0

Use nodeName to get 'type of Tag'. '.type' refers to attribute 'type' which select doesn't have.

document.getElementById('selCity').nodeName

answered Nov 21, 2012 at 12:30

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

1 Comment

Abishek Over a year ago

Am not sure or dont understand by what you mean by attribute 'type' does not exist for select control. How does javascript output data when the following code is executed document.getElementById('selCity').type

rajesh kakawat · Accepted Answer · 2012-11-21 12:48:00Z

0

you are getting undefined because there is not type attribute in select.

try this one

$('#selCity')[0].tagName;

answered Nov 21, 2012 at 12:48

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

Collectives™ on Stack Overflow

Getting the type of a control using Javascript and JQuery

4 Answers 4

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related