2016-03-31 6 views
0

ich die jQuery Combobox-Plugin verwenden:jQuery UI Combobox: Wie kann ich eine Klasse automatisch zu vervollständigen div

https://jqueryui.com/autocomplete/#combobox

Mein JS:

$(function() { 
    $("#combobox").combobox(); 
    $("#toggle").click(function() { 
     $("#combobox").toggle(); 
    }); 
    }); 

Mein Ziel ist es, eine benutzerdefinierte Klasse hinzufügen an das Autocomplete-Div, um das Autocomplete-Dropdown individuell zu stylen. Ich habe bereits versucht, die folgenden, aber das funktioniert nicht:

$("#combobox").combobox().autocomplete("widget").addClass('my-custom-autocomplete-class'); 
+0

Wenn Sie das Dropdown überprüfen, können Sie sehen, dass es bereits eine Klasse mit dem Namen "ui-autocomplete" hat. – theblackgigant

+0

Das Autocomplete-Widget ist an eine "Eingabe" gebunden, die an eine eingefügte "Span" angehängt wird. Sie können es mit '$ (" # combobox ") erhalten. Next (" span "). Find (" input ")'. Natürlich könntest du auch auf die nicht-wahnsinnige Weise gehen und den entsprechenden Selektor $ verwenden (". Custom-combobox-input") ' – blgt

+0

@theblackgigant Ich weiß! Mein Ziel ist es, eine extra benutzerdefinierte Klasse zu geben. – Max

Antwort

0

Das Versuchen, sich nach ausgewählten Wert Klasse nach unten

$(function($) { 
$('select[id=combobox]').on("change",function() { 
    var dynaminClass = $(this).val(); 
    console.log(dynaminClass); 
    $(this).attr('class', dynaminClass); 

}) 
zu Combobox schreiben CSS für jede Option Erwähnung in Drop hinzufügen

})

Verwandte Themen