javascript - 下拉菜单-如何让用户进行添加?

标签 javascript jquery html dropdown

我目前有一个包含一些字段和一个简单下拉列表的表单,您可以在其中从选项列表中选择一个选项。

这是下拉列表的代码:

<select name="typeOfTokens" required="required">
    <option value="1">Samsung</option>
    <option value="2">Sony</option>
    <option value="3">Android</option>
</select>

我想要实现的是让用户从文本输入中搜索该列表,我见过几次顶部有文本输入的下拉列表。如果没有匹配项,则让用户选择他输入的任何内容,然后从选项中获取选定的值或提交表单时文本输入上的任何内容。

我见过几个下拉插件,例如“chosen”或“select2”,但我没有找到任何真正有用的东西,除非我错过了文档中的某些内容。

如果有人能帮助我,我将非常感激!

最佳答案

看看 Kendo UI 提供的组合框。它允许您从列表中选择项目或键入新项目。我在这里创建了一个示例演示 - Combobox Demo

如果您是 Kendo 的新手,它有一个免费的核心版本,并且支持包括 ComboBox 在内的许多小部件

Kendo UI Core

Getting started with Kendo ComboBox

关于javascript - 下拉菜单-如何让用户进行添加?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39151169/

相关文章:

javascript - 使用 jquery 获取的 url 参数扩展 Accordion 菜单并将 attr 添加到所需的类

javascript - Angularjs 将字符串与多复选框连接起来

javascript - 属性中的括号不是有效的选择器

php - 如何在 PHP 标签内添加 css 属性

javascript - 如何使用javascript事件从angularjs指令范围传回值

javascript - 如何在 define 函数中获取全局范围?

javascript - XHR 分段文件上传 Spring Boot 问题

javascript - 如何创建复选框验证,仅允许用户在选择了前一个复选框的情况下选择一个复选框?

javascript - 从光标位置应用悬停

javascript - IPython:将 Javascript 脚本添加到 IPython notebook