Klar textbox nach dem "auto-vervollständigen" wählen Sie in jquery

Implementierte ich die autocomplete mit JQuery, wenn ich wählen Sie die Daten, es wird gespeichert in der Ergebnis-Tabelle, nach der Auswahl, muss ich zum löschen der autocomplete-textbox, die ich bin nicht in der Lage. Gesucht für die gleichen und habe diese Klar-text-box in Jquery Autocomplete nach Auswahl, aber ich wusste nicht, wo es Platz und auch in der firebug, ich habe Fehler bei function(event,ui).
Pls Hilfe... mein code ist wie folgt.

$(function() {
    function log( message ) {


        $( "<div>" ).text( message ).prependTo( "#log" ).click(function(o){
            $(this).remove();
        });
        $( "#log" ).scrollTop( 0 );

    }


    $( "#poolName" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "/DataWeb/getPoolName",
                type : 'post',
                dataType: 'json',
                data: { name_startsWith: request.term },
                success: function( data ) {
                    console.log(data);
                     response( $.map( data, function( item ) {
                        return {
                             label: item.poolName,
                             value: item.poolName
                        }
                    })); 
                }
            });
        },
        minLength: 1,
        select: function( event, ui ) {
            log( ui.item ?
                  ui.item.label :
                "Nothing selected, input was " + this.value);
        },
        open: function() {
            $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }

    });

});

InformationsquelleAutor madhu | 2012-11-08

$( "#poolName" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: "/DataWeb/getPoolName",
            type : 'post',
            dataType: 'json',
            data: { name_startsWith: request.term },
            success: function( data ) {
                console.log(data);
                 response( $.map( data, function( item ) {
                    return {
                         label: item.poolName,
                         value: item.poolName
                    }
                })); 
            }
        });
    },
    select: function (e, i) {
       $('#poolName').val('');   
       return false;    
    }

    ,minLength: 1,
    select: function( event, ui ) {
        log( ui.item ?
              ui.item.label :
            "Nothing selected, input was " + this.value);
    },
    open: function() {
        $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
    },
    close: function() {
        $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
    }

});

});

können Sie fügen Sie den code, den Sie versucht, oder erstellen Sie ein jsfiddle(ttp://jsfiddle.net/), damit wir überprüfen Sie Ihren code
jeder Fehler, den Sie bekommen, während Sie dies versuchen.
Ich bekomme kein Fehler, aber die textbox wird nicht klar nach Auswahl

InformationsquelleAutor Anshuman Jasrotia

versuchen Sie es mit return false; innen wählen: Klausel,

select: function( event, ui ) {
            log( ui.item ?
                  ui.item.label :
                "Nothing selected, input was " + this.value);
            return false;
        },

was ist die Fehlermeldung, die Sie immer waren, in firebug
Es funktioniert gut für mich, aber warum? Ich habe keine Ahnung, wie ein javascript-Neuling.

InformationsquelleAutor Swarne27

Ich habe versucht, mit diesem Dokument.getElementById("poolName").Wert=""; und es funktioniert.

function log( message ) {
        document.getElementById("poolName").value="";

        $( "<div>" ).text( message ).prependTo( "#log" ).click(function(o){
            $(this).remove();
        });
        $( "#log" ).scrollTop( 0 );

    }

InformationsquelleAutor madhu

0

Das problem mit den anderen Antworten, dass es nicht hatte das preventDefault nennen.

Dies funktionieren wird:
```
select: function (e, i) {
   e.preventDefault();
   $('#poolName').val('');   
   return false;    
}
```
InformationsquelleAutor David Anderson
0

Fand ich, dass ich zu tun hatte klar das Feld und geben Sie false zurück
```
select: function(ev, ui) {
  console.log(this, ui.item)
  $(this).val('')
  return false
},
```
InformationsquelleAutor Justin Love

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.