如何使用此 jquery-editable-select 插件检测是否选择了一个项目并提醒其值

Question

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

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

<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