jQuery trouver type d'entrée (mais aussi pour les sélectionner)

J'ai besoin de trouver le type d'entrée pour les boutons radio, le texte et les sélectionne. Il est facile de trouver le type d'entrée de n'importe quoi avec <input type="x"> depuis $(this).attr("type") serait de retour x

Mon problème est que j'ai besoin de soutien <select> éléments, qui n'ont pas le type de l'attribut. L'objectif final est de faire revenir ce soit la radio, d'un texte ou sélectionnez.

J'ai pensé à faire quelque chose comme ça, mais j'étais curieux de savoir si il ya une meilleure façon:

if ($(this).tagName == "input") {
    var result = $(this).attr("type");   //returns radio or text (the attr type)
} else {
    var result = $(this).tagName;        //returns select (the element type)
}

Merci à tous!

InformationsquelleAutor jaredrada | 2012-02-02
  1. 64

    Vous pouvez le faire (violon ici), faire une sorte de facile à utiliser le plugin:

    $.fn.getType = function(){ return this[0].tagName == "INPUT" ? this[0].type.toLowerCase() : this[0].tagName.toLowerCase(); }

    Et de l'utiliser comme ceci

    $(".element").getType(); //Will return radio, text, checkbox, select, textarea, etc (also DIV, SPAN, all element types)
$(".elList").getType(); //Gets the first element's type

    Qui obtiendra le type du premier élément qui est sélectionné.

    D'autres info

    Si vous voulez juste avoir quelques sélecteurs vous pouvez utiliser ceci:

    $("input:text, input:radio, select");

    Ou sélectionnez tous les contrôles de formulaire (plus d'infos):

    $(":input") //can return all form types
    • 10 points pour $(":input")
    InformationsquelleAutor Niels
  2. 2

    Tous les types de champ de saisie, puis sélectionnez la case à se réunir par jQuery trouver :

    $('#myForm').find('select,input').each(function(i,box){
     alert($(box).attr('name'));
}
    InformationsquelleAutor Hasib Kamal