Question

大家好我正在进行下拉/选择框。

这是我的要求。

我想要一个包含选项组的下拉框以及它应该可以编辑。

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

这是我的代码。

<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但我无法编辑选择框。另外，我不想在列表中动态添加选项。我只想让用户输入文字。

Answer 1

您可以尝试使用类似jQuery自动完成插件的内容。这将为您提供一个文本框，您只需输入文本，但也提供一组可选文本。这与文本框+选择具有相似的语义，但我认为界面看起来不那么杂乱。

编辑可选选项框，并在选项中进行分组

1 个答案: