0

大家好，我正在处理下拉/选择框。

这是我的要求。

我希望有一个下拉框，其中包含一组选项，并且它应该是可编辑的。

对于我使用的分组<optgroup>并使其可编辑，我使用了 jquery.editable.select 插件。但问题是，一旦我在我的选择框上调用可编辑，分组就会消失。

这是我的代码。

<select class= "myclass">
   <optgroup label="Dairy products">
      <option>Cheese</option>
      <option>Egg</option>
    </optgroup>
    <optgroup label="Vegetables">
      <option>Cabbage</option>
      <option>Lettuce</option>
      <option>Beans</option>
      <option>Onions</option>
    </optgroup>
</select>

当我这样做时，分组消失了。

$('.myclass').each(function(){
      $(this).editableSelect({
          bg_iframe: true,
          case_sensitive: false,
          items_then_scroll: 10,
      });
});

任何人都可以帮我找到一种方法，以便我可以同时实现编辑和分组。

此外，我还找到了一个插件Chosen但我无法编辑选择框。此外，我不想在我的列表中动态添加该选项。我只想允许用户输入文本。

4

1 回答 1

0

您可以尝试使用 jQuery 自动完成插件之类的东西。这将为您提供一个文本框，您可以在其中简单地输入文本，还提供一组可选择的文本。这与文本框+选择具有相似的语义，但我认为界面看起来不那么混乱。

于 2013-09-26T10:06:39.280 回答