How to check element type in javascript

Question

I have a situation in which i want to convert a <select> tag into a <input type="text"> and <input type="text"> into <select> bu using some condition. So how can i know that this element a type text or type select using id attribute.

`select` is not an input, so there is no `select` type. Input's `type` property and HTMLElement's `nodeType` property are 2 different things. — Ram, Dec 10 '13 at 12:25
possible duplicate of [Get element type with jQuery](http://stackoverflow.com/questions/8388470/get-element-type-with-jquery) — Blowsie, Dec 10 '13 at 12:26

php_nub_qq · Answer 1 · 2018-07-27T17:01:55.863

12

And also a pure javascript solution:

function toggle(a){
    if(a.tagName === 'INPUT'){
        a.outerHTML = '<select id="toggle"></select>';
    }else{
        a.outerHTML = '<input type="text" id="toggle"/>'
    }
}

http://jsfiddle.net/M6qXZ/1/

2018 ES6

e => e.outerHTML = e.tagName === "INPUT" ? "<select id='toggle'></select>" : "<input id='toggle'/>"

edited Jul 27 '18 at 17:01

answered Dec 10 '13 at 12:29

php_nub_qq

15,199
21
74
144

Sunil Verma · Accepted Answer · 2013-12-10T12:35:11.507

8

By using

$("#inputID").attr("type");

If you alert above you will get the type of input element, then you can apply checks accordingly.

Ref here : http://api.jquery.com/attr/

UPDATE

check using

if(!$("#inputID").is("select")) {
    // the input field is not a select
}

got from a link while searching not tested though.

edited Dec 10 '13 at 12:35

answered Dec 10 '13 at 12:23

Sunil Verma

2,490
1
14
15

1

It shows undefied for select tag but it works fine for tag – Dec 10 '13 at 12:30

score 2 · Answer 3 · answered Dec 10 '13 at 12:26

You can use .is() to test whether the elements is of type x like

Use :text selector to test for text input element

if($("#inputID").is(":text")){
    //to test for text type
}

Use element selector to test for select element

if($("#inputID").is("select")){
    //to test for select
}

score 2 · Answer 4 · answered Dec 10 '13 at 12:30

2

Get the element type using jQuery:

var elementType = $("#myid").prop('tagName');

Get the input type attribute using jQuery:

var inputType = $("#myid").attr('type');

answered Dec 10 '13 at 12:30

Blowsie

40,239
15
88
108

Sadako · Answer 5 · 2013-12-10T12:39:55.117

1

the condicion could be for example:

   if($('#whateverid').attr('type') == "text")

edited Dec 10 '13 at 12:39

answered Dec 10 '13 at 12:23

Sadako

352
3
18

How to check element type in javascript

5 Answers5

2018 ES6