2016-07-09 16 views
0

Was ich tun möchte, ist ein Tagging-System mit Jquery und Autocomplete, wobei die Autovervollständigungen Tags sind, die sich bereits in einer Datenbank befinden, und beim Klicken werden versteckte HTML-Kontrollkästchen geprüft.Verwenden von Jquery-Autocomplete-Daten zum Überprüfen von HTML-Kontrollkästchen

Um das zu erreichen, muss ich die IDs der Felder abrufen, von denen ich momentan nur die "Namen" bekomme, oder? Ich denke, ich kann herausfinden, wie man sowohl Name als auch ID bekommt. Aber wie verwende ich diese ID, um ein bestimmtes HTML-Kontrollkästchen zu aktivieren?

Tut mir leid, wenn dies beantwortet wurde, oder mein Beitrag ist zu vage. Ich bin neu in all dem.

EDIT: Ich kann die ID-Daten nicht erhalten, ohne dass es in der Autocomplete-Liste angezeigt wird. (und die Liste benimmt sich auch merkwürdig) jede Hilfe damit? ich nehme an, dass ich Daten [0] als label und Daten [1] als Wert oder etwas so einstellen muss. Wenn ich diese ID abrufen kann, ohne dass es meine Autocomplete verdammte, kann ich mich um den Rest kümmern. Dank

Antwort

0

Verwendung jquery eine Checkbox mit einer bestimmten ID zu überprüfen, wie folgt

$('#id').prop('checked', true); 

EDIT: Ja beziehen sich auf die Jquery Autocomplete-Dokumentation. Ich nehme an, dass Sie Jquery UI verwenden. Sie können die Bezeichnung auf das festlegen, was angezeigt werden soll, und den Wert für die entsprechende ID. Dann können Sie diese ID referenzieren, wenn Sie das Kontrollkästchen aktivieren. Ich habe die Auswahlfunktion der Dokumentation auf etwas geändert, das für Ihren Fall funktionieren könnte.

$("#project").autocomplete({ 
    minLength: 0, 
    source: projects, 
    focus: function(event, ui) { 
    $("#project").val(ui.item.label); 
    return false; 
    }, 
    select: function(event, ui) { 
    var id = "#" + ui.item.value; 
    $(id).prop('checked',true); 

    return false; 
    } 
}) 
+0

Was ist, wenn ich versteckte Eingänge verwenden wollte? Was soll ich anstelle von "checked" verwenden? Danke für Ihre Hilfe –

+0

Gut, da eine Eingabe nicht sowohl versteckt sein kann, als auch eine Checkbox, würde ich vorschlagen, eine Checkbox-Eingabe zu verwenden und dann Sichtbarkeit auf versteckt in der CSS zu setzen. –

+0

vielen Dank. Wenn ich das Problem lösen kann, das ich gerade auf EDIT hinzugefügt habe, bin ich ganz eingestellt. –