setText method missing

[tonila]

There was no option to set text.

I extended EditableSelect with 'setText' method like this as a workaround. It would be nice, if method was added to editableSelect.

EditableSelect.prototype.setText = function (text) {
    this.$input.val(text);
    if (this.options.filter) this.hide();
    this.filter();
};

[wannadream]

What is the use case here? I believe you can call select($li) to achieve the same function.

[tonila]

Use case was, that I needed to set text, to value, that was not in the select list.

If I have following values in select:

<select id="editable">
  <option>Finland</option>
  <option>Sweden</option>
  <option>Norway</option>
</select>

And I need to set text to "Denmark":

$('#editable').editableSelect('setText', 'Denmark');

[wannadream]

Check this:

jquery-editable-select/src/jquery-editable-select.js

Line 70 in 53d8a68

this.$input.val($li.text());

The select($li) does it already.

[tonila]

Ok. Am I missing something here?

I altered setText function I am proposing from select method you are referring to.

The reason for altering select method was, because it returns if list does not already contain the item.

jquery-editable-select/src/jquery-editable-select.js

Line 69 in 53d8a68

if (!this.$list.has($li) || !$li.is('li.es-visible:not([disabled])')) return;

So there must be a way to setText in editable-select by using the select method. I just don't understand how it is done. So could you provide an example?