javascript - 如何制作一个也可以用作文本框的 "hybrid"HTML 下拉列表?

标签 javascript jquery html ajax drop-down-menu

对于我的网站,我需要有一种方法让用户输入他们的城市。

我想为此使用 2 个下拉列表:“州”和“城市”下拉列表。 “城市”列表中的选项取决于选择的“州”。

但是,必然会出现用户的“城市”不在下拉列表中的情况。为了处理这些情况,我希望“城市”输入是一个“混合”:虽然用户可以从下拉列表中选择一个选项,但他们也可以将输入用作文本框并简单地键入他们的城市名称。

我想到的一个例子是谷歌地图。在谷歌地图中输入任何地址。然后单击左侧面板上的“方向”。然后单击“乘坐公共(public)交通工具”图标(左起第二个图标)。最右边的下拉框就是我说的。您可以从下拉列表中选择“1:00pm”、“1:30pm”、“2:00pm”等选项。但您也可以在框内输入时间,例如“1:23pm”。

我该怎么做?是否有任何 javascript 库/框架可以做到这一点?我目前正在使用 jQuery。

最佳答案

有很多这样的 JavaScript 示例,使用 JQuery 或 native JS。它们通常被称为组合框 - 因为它们能够从下拉列表中选择或接受键入的条目 - 其中大多数包括启用自由格式条目的设置与仅从列表中强制选择的设置。我对特定类型没有任何经验,所以我不会提出建议,但如果你用谷歌搜索“javascript combo box”,它会让你朝着正确的方向开始:)

关于javascript - 如何制作一个也可以用作文本框的 "hybrid"HTML 下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3935905/

相关文章:

javascript - ScrollIntoView 打破溢出滚动

html - 将 ol 和 li 的 css 样式应用于 html 中的不同部分

javascript - 使用 ui-router 实现动态 URL 路由的最佳方法是什么

javascript - 表准备好后访问元素的属性

javascript - 处理固定数据表中的大量数据

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

javascript - 使用解析代码将图像/文件保存到解析云中

javascript - 将 jquery 插件 (selectric) 应用到 ko 绑定(bind)下拉列表

javascript - 如何在 jquery 中使用全局变量?

PHP 和 MySQL 电子邮件验证不起作用