选择具有输入启用属性的标签答案

【问题标题】：Select tag that has input enable attribute选择具有输入启用属性的标签
【发布时间】：2015-10-30 15:03:34
【问题描述】：

我有一个用户可以提交新闻的页面。用户可以从下拉列表中选择news group，如下所示：

   <select class="form-control" name="NewsGroup" id="NewsGroup">

                                    @foreach (string Group in ViewBag.NewsGroup)
                                    {
                                        <option value="@Group">@Group</option>
                                    }
                                </select>

问题是如果该组不存在于下拉列表中，则用户应该能够输入新组。但是select 标签没有任何用户可以输入新值的选项，并且用户必须从列表中选择。如何将此选项添加到drop down list？

【问题讨论】：

只需检查选项的数量，如果没有选项，则回显输入。
@VladimirSerykh 你是对的，但我需要如果列表中不存在该组，用户也应该能够输入。所以我在这两种情况下都需要
您无法使用纯 html 选择来执行此操作。找专门的 JQuery 插件或者自己写 JS 逻辑。

标签： html select html-select

【解决方案1】：

你不能只使用一个选择来达到这个目的。

一种解决方案可能是添加一个名为“其他”的选项，然后在下方添加一个输入文本，用户可以在其中输入他想要的内容。可选状态，只有在选择“其他”选项时，才能显示文本输入。

【讨论】：