Comment puis-je vérifier si un élément est une liste déroulante ou un élément de texte de l'élément d'entrée, compte tenu de son id?

En Javascript, compte tenu de la id d'un élément (dans un String format), comment puis-je vérifier si le id de l'élément se réfère à une liste déroulante d'éléments ou d'un texte de l'élément d'entrée?

La fonction doit retourner true si le id se réfère à une liste déroulante (<select>) de l'élément, ou de saisie de texte de l'élément, et false autrement.

OriginalL'auteur omega | 2012-07-10

  1. 18

    Essayez d'utiliser:
    document.getElementById('idNameGoesHere').tagName

    Donc la fonction pourrait être:

    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;
}

    Vous pourriez développer pour vérifier pour <textarea>.

    EDIT :
    Ou choisissez jbabey de réponse que c'est à l'aide de nodeName et est mieux mis en forme.

    apparemment nodeName est plus large prise en charge du navigateur.

    ce serait une bonne réponse si elle a été élargi un peu.
    L'avantage, c'est que c'est pas à l'aide de jquery.

    OriginalL'auteur jfrej

  2. 23

    Si vous avez déjà jquery inclus, vous pouvez utiliser la fonction est :

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

    ou peut-être 

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

    si vous voulez également inclure textarea

    ou 

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

    (celui-ci renvoie true si c'est un textare ou une liste déroulante ou d'une entrée qui n'est pas un bouton).

    Vous avez toute la puissance de sélecteurs jquery pour s'adapter à votre requête exactement à vos besoins.

    Démonstration : http://jsfiddle.net/ELuEJ/ (essayez de modifier le code html)

    pas de jQuery mentionné.

    OriginalL'auteur Denys Séguret

  3. 4

    Vous pouvez utiliser le nodeName et type propriétés des éléments du DOM de le déterminer. Pas de bibliothèques externes sont nécessaires.

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

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

    Échantillon de travail: http://jsfiddle.net/ytHQD/

    OriginalL'auteur jbabey

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

    vous pouvez retrive l'élément du dom et de vérifier ensuite la tagName

    pas de jQuery mentionné.

    OriginalL'auteur Parv Sharma