javascript - 如何使用这个 jquery-editable-select 插件检测一个元素是否被选中并提醒它的值

Question

我从 here 得到了一个 jquery-editable-select 插件

它不能像普通的 select>option> 标签那样工作。我尝试添加许多不同的 eventListeners，但仍然没有成功。基本上，我想在选择其中一个选项时提醒所选值，并在用户决定将其输入文本字段时提醒文本值。

<select id="editable-select">
<option>Alfa Romeo</option>
<option>Audi</option>
<option>BMW</option>
<option>Citroen</option>
</select>

$('#editable-select').editableSelect();

在测试之前，请在 src 文件夹下包含插件 js 和 css 文件。

它应该看起来像这样。

插件将原始 HTML 转换为此。 非常感谢!

Answer 1

插件有一个监听器

监听变化

  $('#select')
        .editableSelect()
        .on('select.editable-select', function (e, li) {
            $('#last-selected').html(
                li.val() + '. ' + li.text()
            );
        });

jQuery Editable Select Demo