jQuery-Autovervollständigung in der Klasse, wie man id

Habe ich schon eine Weile und kann nicht scheinen, um überall zu bekommen. Im Grunde habe ich die Autovervollständigung in einer Reihe von Eingaben, die durch die Klasse, aber ich brauche, um die bestimmten Eingaben-id-erstellen Sie das Objekt, um post-ajax (ich POST für dieses Projekt nicht BEKOMMEN).

$(".input_autocomplete").autocomplete({
  source: function( request, response ) {
  //here is where I get the hash from local storage,
  //reference the id and build the object
  //tried this.id, $(this).prop('id'), no luck
  $.ajax({
    url: '/somepath/filename.htm',
    contentType: 'application/json',
    dataType: 'json',
    type: 'POST',
    data: JSON.stringify(obj),
    success: function(json) {
      return {
        label: item.label,
        value: item.label
      }
    },
    error: function() {
      //error handling
    }
   }); //ajax
 } //source
});
  • Ich bin ganz neu bei jQuery aber, haben Sie versucht, mit attr('id') statt .prop('id')? Soweit ich weiß, die id ' s sind attr, nicht stützen... Auch, da bist du mit dot-syntax $(this) sollte der Weg zu gehen, da Ausrichtung auf das jQuery-Objekt. Hoffe, es löst das problem.
InformationsquelleAutor user1572796 | 2012-10-13
  1. 11

    Versuchen:

    $(this.element).prop("id");

    oder:

    this.element[0].id;

    Innerhalb der source Rückruf this bezieht sich auf die widget-Instanz. Um das element das widget angehängt ist, sollten Sie this.element, ein jQuery-Objekt.

    • Andrew, hat es auch was damit zu tun .get(0), die einige Leute verwenden? Wenn ja, das ist etwas, das kann ich wirklich nicht verstehen. Warum ist es notwendig, zeigen Sie auf das element, wie das? =\
    • Bitte siehe mein update. this im inneren des "AutoVervollständigen" ist der widget-Instanz, so this.element ist das element, dem er angewendet wurde. element.get(0) wird das erste element ein jQuery-Objekt und entspricht element[0] oben.
    • Gut, es macht sehr viel Sinn, in diesem Szenario, aber manchmal sehe ich die Menschen mit .get(0) das würde mir nie vorstellen, dass es verwendet werden soll. Leider kann ich nicht denken, der ein gutes Beispiel dafür. Ich werde versuchen, das zu bezahlen mehr Aufmerksamkeit, wenn ich sehe, dass wieder und sehen, ob ich kann verstehen, warum es verwendet wurde. Vielen Dank für die Zeit nehmen es mir zu erklären. Es war so freundlich von Ihrer Seite.
    • $(das.element).prop("id"); funktioniert, danke!
    • Dies ist (dies.element).prop("id"), für mich zu arbeiten.
    • Ja, wirklich, Sie sollten nur brauchen this.element.prop('id'). Ich denke, der Aufruf von jQuery überflüssig hier.

    InformationsquelleAutor Andrew Whitaker
  2. 4

    Ich versuchte es in einem Projekt von mir. Dieser arbeitete für mich:

    $(this.element.get(0)).attr('id');
    • JA, das ist große Arbeit.
    InformationsquelleAutor pebbo
  3. 2

    War ich in einer ähnlichen situation wie du, user1572796 und das ist was für mich gearbeitet:

    $(this).prop("id");
    InformationsquelleAutor Guilherme de Freitas
  4. 0

    Verbrachte ich nur eine Weile, piecing zusammen eine Lösung für diese selbst. Falls es hilft, das funktioniert für mich:

    rufen Sie diese nach Ihrer Klasse vorhanden ist ( für die meisten ist das Dokument bereit ist, für mich, ich hatte zu rufen Sie diese Funktion auf, nachdem eine datatable initialisiert MyClassName)

      $('.MyClassName').each(function(index) {


  MyID = $(this).attr("id")

  $('#'+MyID).autocomplete({

  source: function(request, response) {


        var elementID = this.element[0].id     //!!! This is what did the trick ***


            $.ajax({
                url: "/MyController/MyFunction",
                dataType: "json",
                data: {

                    MySearchTerm: $('#'+elementID).val()
                },
                success: function(data) {
                ...
    InformationsquelleAutor Jared
Schreibe einen Kommentar