i verwenden jquery ui wählen Sie das Menü mit custom render optionWie jQuery UI Selectmenu Änderungsereignis
zu handhaben, wie ich das change
Ereignis behandeln kann?
ich versuche
$('#filesA').on('change', function() {
alert('x');
});
aber es ist nicht mit jQuery UI Selectmenu
arbeiten, und ich versuche auch
$("#filesA").selectmenu({
change: function(event, ui) {}
});
es funktioniert, aber es ist eine andere Auswahlmenü-Instanz erstellen !!
mein js Code
$(document).ready(function() {
$("#filesA").selectmenu({ change: function(event, ui) { alert('x'); }});
$.widget("custom.iconselectmenu", $.ui.selectmenu, {
_renderItem: function(ul, item) {
var li = $("<li>", { text: item.label });
if (item.disabled) {
li.addClass("ui-state-disabled");
}
$("<span>", {
style: item.element.attr("data-style"),
"class": "ui-icon " + item.element.attr("data-class")
})
.appendTo(li);
return li.appendTo(ul);
}
});
$("#filesA")
.iconselectmenu()
.iconselectmenu("menuWidget")
.addClass("ui-menu-icons");
});
und mein HTML-Code
<label class="langLabel" for="filesA">Select your language:</label>
<select name="filesA" id="filesA">
<option value="lan1">Test Lang1</option>
<option value="lan2">Test Lang2</option>
<option value="lan3">Test Lang3</option>
<option value="lan4">Test Lang4</option>
<option value="lan5">Test Lang5</option>
</select>
Was meinen Sie damit, dass "es eine andere Instanz schafft"? Zeige es in einer JSfiddle vielleicht ... – j809