推荐开源项目：jQuery Editable Select - 可编辑选择框插件

jQuery Editable Select 是一个 jQuery 插件，可以将普通的选择框（<select>元素）转换为可编辑的选择框。用户可以在选择现有选项之一的同时，输入并选择新的自定义选项。

以下是如何使用 jQuery Editable Select 插件的示例代码：

1. 首先，确保在页面中包含了 jQuery 库和 editable-select 插件的 CSS 和 JavaScript 文件。

<link rel="stylesheet" href="path/to/jquery-editable-select.css">
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery-editable-select.js"></script>

2. 接下来，准备您的 HTML 选择框：

<select id="editableSelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <!-- 更多选项 -->
</select>

3. 最后，使用 jQuery 初始化可编辑选择框：

$(document).ready(function() {
  $('#editableSelect').editableSelect({
    // 可选配置项
    // 例如：
    // bg_iframe: true, // 使背景变为iframe
    // case_sensitive: true, // 是否区分大小写
    // items_auto_select: false, // 是否自动选择输入的条目
    // add_new_data: true, // 是否允许添加新条目
    // callback: function(value, text) {
    //   console.log('Selected value is: ' + value + ', Selected text is: ' + text);
    // }
  });
});

这样就完成了 jQuery Editable Select 的初始化和配置。用户现在可以编辑选择框中的文本，如果输入的文本不是现有的选项，并且配置允许，那么他们可以添加新的自定义选项。