Jak uzyskać Typ wejścia za pomocą jquery?

Możesz wykonać następujące czynności:

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

Jeśli chcesz uzyskać wszystkie dane wejściowe w formularzu, które mają wartość, nie martwiąc się o typ danych wejściowych, spróbuj tego:

Przykład: http://jsfiddle.net/nfLfa/

var $inputs = $('form').find(':checked,:selected,:text,textarea').filter(function() {
    return $.trim( this.value ) != '';
});

Teraz powinieneś mieć zestaw elementów wejściowych, które mają pewną wartość.

Możesz umieścić wartości w tablicy:

var array = $inputs.map(function(){
    return this.value;
}).get();

Albo możesz je serializować:

var serialized = $inputs.serialize();

GetValue = function(id) {
  var tag = this.tagName;
  var type = this.attr("type");

  if (tag == "input" && (type == "checkbox" || type == "radio"))
    return this.is(":checked");

  return this.val();
};

$("#yourobj").attr('type');

Najlepszym miejscem, aby zacząć szukać jest http://api.jquery.com/category/selectors/

To da ci dobry zestaw przykładów.

Ultamatly wybór elementów w DOM jest dokonywany za pomocą selektorów CSS, więc jeśli myślisz o uzyskaniu elementu według id, będziesz chciał użyć $('#elementId'), jeśli chcesz, aby wszystkie znaczniki wejściowe używały $('input'), a na koniec część, którą myślę, że będziesz chciał, jeśli chcesz, aby wszystkie znaczniki wejściowe z typem pola wyboru używały $('input'), [type=checkbox])

Uwaga: większość pożądanych wartości znajduje się na atrybutach, więc selektor css dla atrybutów to: [attributeName=wartość]

Tylko dlatego, że poprosiłeś o rozwijaną listę jako przypisaną do listboxa, spróbuj:

$('select, [size]).each(function(){
  var selectedItem = $('select, [select]', this).first();
});

Kod był z pamięci, więc proszę o zapoznanie się z małymi błędami

var val = $('input:checkbox:checked, input:radio:checked, \
   select option:selected, textarea, input:text',
   $('#container')).val();

Komentarze:

1. Zakładam, że istnieje dokładnie JEDEN element formularza, który może być albo textarea, input field, select form, zestaw przycisków radiowych lub pojedyncze pole wyboru (będziesz musiał zaktualizować mój kod, jeśli potrzebujesz więcej pól wyboru).

2. Element, o którym mowa, znajduje się wewnątrz elementu o ID container (Aby usunąć niejasności z innymi elementami na stronie).

3. Kod zwróci wtedy wartość first element, który znajduje. Ponieważ używam :checked i tak dalej, zawsze powinna to być dokładnie wartość tego, czego szukasz.

Wydaje się, że funkcjonalność attr jest coraz bardziej przestarzała

$(this).attr('TYPE')
undefined
$(this).prop('type')
"text"

W mojej aplikacji skończyłem z dwoma różnymi elementami o tym samym id (zły). Jednym elementem był div, a drugim wejście. Próbowałem podsumować moje dane i zajęło mi trochę czasu, aby zrealizować duplikaty identyfikatorów. Umieszczając Typ elementu, który chciałem przed#, mogłem pobrać wartość elementu wejściowego i odrzucić div:

$("input#_myelementid").val();