如何在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.

Answer 1

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'/>"

Answer 2

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.

Answer 3

Get the element type using jQuery:

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

Get the input type attribute using jQuery:

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

Answer 4

例如，condicion可能是：

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

Answer 5

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
}