Comment obtenir l'élément d'entrée qui déclenche le widget de saisie semi-automatique jQuery?

J'ai plusieurs champs de saisie qui sont renforcés avec jQuery auto-fonctionnalité complète. Comment obtenir le champ de saisie lors de l'sélectionnez un événement est déclenché?

<input name="1" value="">
<input name="2" value="">
<input name="3" value="">

$('input[type=text]').autocomplete({
    source: 'suggestions.php',
    select: function(event, ui) {
        //here I need the input element that have triggered the event
    }
});

source d'informationauteur Nikola Obreshkov

  1. 11

    Essayez d'utiliser $(this)

    $('input[type=text]').autocomplete({
    source: 'suggestions.php',
    select: function(event, ui) {
        //here I need the input element that have triggered the event
        alert($(this).attr('name'));
    }
});
  2. 25

    J'ai été en utilisant une fonction anonyme pour la source param, et $(this) à l'intérieur, il fait référence à la fonction, et non pas l'élément qui est à son déclenchement. J'ai eu à utiliser $(this.element).

    Le code final terminés similaire à ce (je l'ai simplifié pour des fins de démonstration):

    $( ".regionsAutocomplete" ).autocomplete({
    source: function(request, response){

        //The next line is the important one for this example
        var input = this.element;
        $(input).css('color','red');

        var data = {'foo':'bar'};
        $.ajax({
            'url': ajaxurl,
            'data': data,
            'method': "POST",
            'dataType': "json",
            'success': function(data) {
                response(data);
            }
        });
    }
});
  3. 3

    Vous pouvez utiliser $(this) ou event.target.

    Ensuite, vous pouvez obtenir le nom à l'aide $(this).prop('name') ou event.target.name.

    démo

  4. 3

    Aussi loin que je peux dire pour cet exemple, vous n'auriez pas besoin de l' $(). this serait très bien fonctionner puisque le nom est un attribut défini par l'.

    this.name

  5. 1

    Utilisation $(this)

     select: function(event, ui) {
        $(this).attr('name');
    }