First of all…thank you for this nice plugin. It will probably help me but it is not working with the latest jquery 1.4.2
the function select.editableSelectInstances(); only gets the result [undefined].
If you don’t have time to do it please give me at least a hint what the problem is so maybe I could do it. But at the moment I just have no clue. For example I just don’t know where the “editable-selecter” at $(this).data(‘editable-selecter’) comes from.
greetings

Johannes

Great plugin by the way!!

Your plugin works great and helped me a lot. Thanks !

I’ve added a few things, if you are interested :

You cannot add attributes to the generated input such as maxlength or onClick and so on. So I added a new map in the settings :

var defaults = { bg_iframe: false, onSelect: false, items_then_scroll: 10, case_sensitive: false, attributes : {} };

Wich is used later in the script :

this.text.addClass(‘editable-select’);

// copying the given attributes
for (attributeKey in settings.attributes) {
this.text.attr(attributeKey, settings.attributes[attributeKey]);
}

this.select.attr(‘id’, id +’_hidden_select’);

The settings can then be customized this way :

bg_iframe: true, // corrects an ie bug, according to the site
onSelect: function(list_item) {
$(‘#results’).html(‘List item text: ‘+ list_item.text() +’ \
Input value: ‘+ this.text.val());
},
attributes : { ‘onPaste’ : ‘return false’, ‘autocomplete’ : ‘off’, ’size’ : ‘30′, ‘maxlength’ : ‘70′ }

I also changed the min height property of “.editable-select-options li” to make empty options visible :

.editable-select-options li {
cursor: default;
padding: 2px;
min-height: 1em;
}

Regards,
Raphaël Lemaire