Wie kann ich überprüfen, ob ein element ist ein drop-down-Liste element oder ein text-input-element aufgrund seiner id?

In Javascript, angesichts der id einem element (in einem String - format), wie kann ich überprüfen, ob die id des Elements bezieht sich auf eine drop-down-Liste element, oder ein text-input-element?

Die Funktion zurückgeben sollte true wenn die id bezieht sich auf eine drop-down-Liste ( <select> ) - element oder ein text-input-element, und false sonst.

InformationsquelleAutor omega | 2012-07-10
  1. 22

    Versuchen Sie es mit:
    document.getElementById('idNameGoesHere').tagName

    Damit die Funktion könnte sein:

    function isSelectOrTextField(idName) {
    var element = document.getElementById(idName);
    if(element.tagName === 'SELECT') {return true;}
    if(element.tagName === 'INPUT' && element.type === 'text') {return true;}
    return false;
}

    Könnte man erweitern, um zu überprüfen, für <textarea> als gut.

    EDIT :
    Oder wählen Sie jbabey ist Antwort, wie es mit nodeName und besser formatiert.

    offenbar nodeName hat breitere browser-Unterstützung.

    • dies wäre eine gute Antwort, wenn es war ein wenig erweitert.
    • Der Vorteil dieser ist, dass Sie nicht mit jquery.
    InformationsquelleAutor jfrej
  2. 26

    Wenn du jquery schon enthalten, die Sie verwenden können,die is-Funktion : 

    $('#myid').is('input, select')

    oder vielleicht 

    $('#myid').is('input, textarea, select')

    wenn Sie möchten, auch textarea

    oder 

    $('#myid').is('input:not([type="button"]), textarea, select')

    (diese gibt true zurück, wenn es eine textare oder ein dropdown oder eine Eingabe, die nicht a-Taste).

    Haben Sie die ganze Kraft der jquery-Selektoren zu passen Sie Ihre Abfrage an Ihre Bedürfnisse.

    Demonstration : http://jsfiddle.net/ELuEJ/ (versuchen Sie, ändern Sie die html -)

    • kein jQuery erwähnt.
    InformationsquelleAutor Denys Séguret
  3. 5

    Können Sie die nodeName und type Eigenschaften der DOM-Elemente zu ermitteln. Keine externen Bibliotheken benötigt werden.

    var isSelectOrTextInput = function (element) {
    var nodeName = element.nodeName;

    return nodeName === 'SELECT' || 
        (nodeName === 'INPUT' && 
         element.type.toLowerCase() === 'text');
};

    Beispiel arbeiten: http://jsfiddle.net/ytHQD/

    InformationsquelleAutor jbabey
  4. 0
    $('#myId')[0].tagName

    können Sie ermittelt werden das dom-element und überprüfen Sie dann den tagName

    • kein jQuery erwähnt.
    InformationsquelleAutor Parv Sharma
Schreibe einen Kommentar