Response title
This is preview!
function CreateAutoComplete(sourceArray, labelTextBox, idTextBox) {
$("#" + labelTextBox).autocomplete({ source: sourceArray,
open: function (event, ui) {
$(this).autocomplete("widget")
.find(".ui-menu-item")
.css({ "width": "300px" });
$(this).autocomplete("widget")
.find(".ui-menu-item").bgiframe();
},
focus: function (event, ui) {
$("#" + labelTextBox).val(ui.item.label);
$("#" + idTextBox).val(ui.item.value);
return false;
},
change: function (event, ui) {
if (ui.item == null) {
$("#" + labelTextBox).val("");
$("#" + idTextBox).val("");
}
},
select: function (event, ui) {
$("#" + labelTextBox).val(ui.item.label);
$("#" + idTextBox).val(ui.item.value);
return false;
}
});
} // function
if i comment out this line, autocomplete works fine, and "select" is fired on mouse click:
$(this).autocomplete("widget").find(".ui-menu-item").bgiframe();
$("myAutoCom").autocomplete("search", "someLabel");
var menu = $("myAutoCom").autocomplete("widget");
$(menu[0].children[0]).click();
.ui-autocomplete{position : relative; z-index: 100 !important;}
© 2013 jQuery Foundation
Sponsored by and others.