程序员经验分享-hwhale

创建带有搜索选项的选择框

2023-12-02

I am trying to replicate what you can see here in this image. enter image description here

我希望能够在框上方的文本字段中键入内容，或者直接单击该选项。

最好的方法是什么？是否已经存在与引导程序相关的任何内容？


这个简单的代码对我有用

<input list="brow">
<datalist id="brow">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

如果您只需要使用选择标签，请使用 Selectize Js。它有我们需要的所有选项。请尝试一下使用 Selectize Js 的演示

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

html

css

htmlselect

创建带有搜索选项的选择框 的相关文章

  • 使用 CSS 使一行 div 高度相同

    我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少 内容来自外部源 我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动 然后我将它们的高度设置为 100 但这没有明显的效果 通过将封闭 div 的高度设置为固定

  • 使用 Jquery 清除 5 个空 TD

    我有一个正在填充的动态表 我知道我不应该这样做 但是你会如何连续找到 5 个空 TD 并隐藏它们呢 因此 如果行包含 5 个空 TD 则不显示 TD 我想删除每个实例 td td td td td td td td td td 在 DOM

  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png

  • 网站的主体和元素固定在 980px 宽度上，不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width

  • 检查 jQuery 1.7 中是否存在基于文本的选择选项

    所以我有以下 HTML 片段

  • Vuejs 2：去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不

  • CSS3 信封形状

    正如您可能已经猜到的 该图像是邮件信封形状的一部分 如果可能的话 我想使用 CSS3 创建该形状 我已经制作了其他部分 但这个很棘手 该形状需要两侧都有三角形切口和圆角 大概是 border radius bottom left borde

  • 正则表达式 - 从 markdown 字符串中提取所有标题

    我在用灰质 https www npmjs com package gray matter 以便将文件系统中的 MD 文件解析为字符串 解析器产生的结果是这样的字符串 n Clean er ReactJS Code Conditional

  • 日期出现奇怪的错误，“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2

  • 使用 Vue 的多模式组件

    我在 Vue 中实现动态模式组件时遇到问题 A common approach I follow to display a set of data fetched from the db is I dump each of the rows

  • Vue 和 Vuex：处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个

  • 使用css bootstrap时如何仅向一列添加右边框？

    我正在尝试使用CSS引导框架 http getbootstrap com css tables在我的项目中 我正在使用带有以下类的表table table bordered table striped 我想删除除第一列之外的所有列的边框 这

  • 如何使用 crypto-js 解密 AES ECB

    我正在尝试将加密数据从 flash 客户端 发送到服务器端的 javascript 在 asp 中作为 jscript 运行 有几个 javascript Aes 库 但它们实际上没有文档记录 我正在尝试使用 crypto js 但无法让代

  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检

  • 如何用另一个响应替换窗口的 URL 哈希？

    我正在尝试使用替换方法更改哈希 URL document location hash 但它不起作用 function var anchor document location hash this returns me a string va

  • 在 CKEditor 中设置字体大小和字体系列

    我正在使用 ckeditor 我想问一下这个插件如何设置font family和font size 我尝试过使用 CKEDITOR config font defaultLabel Arial CKEDITOR config fontSiz

  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la

  • 如何使用asm.js进行测试和开发？

    最近我读到asm js规范 看起来很酷 但是是否有任何环境 工具来开发和测试这个工具 这还只是处于规范阶段吗 您可以尝试使用 emscripten 和 ASM JS 1 并从侧分支在 firefox 构建中运行它 有关 asm js 的链接

  • CSS溢出文本显示在几行中，没有断字

    我有一些长文本显示在 div 中 该 div 具有固定的宽度和高度 我希望文本显示在几行上 作为 div 高度 并且句子单词不会中断 一行中的单词前缀和下一行中的继续 此外 我想在末尾添加省略号最后一句话 CSS white space n

  • 循环内的异步性

    我正在使用 jQuery getJSON 用于从一组实用程序的给定 URL 检索数据的 API 我真的很想找到一种为每个实用程序重用代码 完全相同 的方法 由于循环的执行与 ajax 调用无关 因此我无法找到保留循环值的方法 我知道这个描述

随机推荐

  • 如何在 ShowDialog() 阻塞调用之前注册消息处理程序？

    我正在使用一个信使类为了在视图模型之间发送数据 有一个AppView它在内容控件中托管两个主要视图 到目前为止 以这种方式发送 接收数据没有任何问题 Issue 现在我添加了一个ProductView向 AppView 显示一个单独的对话框

  • 如何使用 Qt 读取 Android 中现有的 SQLite 数据库？

    我一直在 Ubuntu 上的 Qt 中开发一个应用程序 它可以使用 SQLite 数据库和几个 GB 的文件 在 Ubuntu 和 Windows 中一切都运行良好 但是 当我尝试移植到 Android 时 我遇到了一些问题 我已将 dat

  • 如何解决：“您需要在此活动中使用 Theme.AppCompat 主题（或后代主题）”

    我在按照视频说明以全屏模式运行 Android 应用程序时遇到问题 当它尝试运行时 应用程序崩溃并出现错误 You need to use a Theme AppCompat theme or descendant with this ac

  • 文件上传在 Jetty 下可以工作，但在 Tomcat 下不行

    我有一个带有 spring 的网络应用程序 我在其中进行一些文件上传 在eclipse下 使用Jetty maven插件 它可以完美地工作 但是当我在 Tomcat 下部署应用程序时 它却没有 并且出现以下异常 org springfram

  • 未捕获的类型错误：Fragment.load 不是函数[重复]

    这个问题在这里已经有答案了 下面的代码是从 UI5 演示套件复制的 但是当我运行它时 控制台显示该函数的错误消息Fragment load不是一个函数 请提出任何替代方案或突出显示问题 如果有 sap ui define sap ui co

  • 如何在 C++ 中表示线段的向量方程？

    我正在研究计算机图形学 我想代表一条有两个端点的线 然后我想要我的Line2d类有一个返回 a 的方法Vector2d object 假设 我有以下课程 struct Point2d int x int y 然后 我可以轻松地使用两个点表示

  • R包开发如何抑制从依赖包生成的消息？

    我正在开发一个名为的 R 包VSHunter并需要NMF包作为依赖项 但是 每次加载NMF都会抛出很多消息 我不知道如何抑制它们 gt devtools load all Loading VSHunter Loading required

  • 线程与线程

    两者有什么区别threading and threadPython 中的模块 在Python 3中 thread已更名为 thread 它是用于实现的基础设施代码threading 并且普通的 Python 代码不应该接近它 thread公

  • 使用 ODP.NET 进行 Oracle 批量更新

    看着这个例子为了进行批量插入 我假设使用相同的逻辑可以用于更新 我尝试了以下方法来查看它是否有效 但它不起作用 string sql update TEST set NAME newName where NAME name connecti

  • 尝试翻转 std::bitset 中的位顺序

    我正在研究一个使用 std bitset 的结构 它看起来像这样 寄存器 h pragma once include

  • 如何在 next.js 中设置端口

    一个应用程序正在端口 3000 上运行 我想在默认端口 3000 之外的不同端口上运行另一个应用程序 如何在 React Next js 中更改此设置 我的package json目前包含 scripts test echo Error n

  • 从键值字符串中获取值

    我有一个字符串 const styleString font size 24px color f0f1f2 font weight 700 我想创建一个如下所示的函数 const getStyleFromString styleString

  • 如何在 Visual C++ 2010 中打开资源字符串？

    我在 Visual C 中创建了一个基本的字符串表资源 我正在尝试访问该资源 但是 我的程序似乎找不到资源 这里 int main int argc char argv HRSRC hRsrc hRsrc FindResource NULL

  • 如何通过 angularJS 和 webaAPI2 下载内存流对象

    我有一个正在使用的项目NPOI从我的 Angular 应用程序生成 Excel 文档 我从我的 Angular 服务向我的 webapi 控制器发出调用 如下所示 function exportReportToExcel report re

  • 如何从JAVA中ckeditor生成的html中提取纯文本

    我正在使用 ckeditor 撰写电子邮件 我使用它生成的 html 来发送 html 电子邮件 我也需要文本版本 因此在电子邮件中同时拥有 html 和纯文本版本将避免垃圾邮件 java中从ckeditor html代码获取文本的方法是什

  • 按下 GLUT 键并按下 CTRL 键上键

    I ve found a lot of information about using GLUT to detect whether the Ctrl key is pressed using the GLUT ACTIVE CTRL ma

  • 使用 oledbcommand.executeNonQuery() 更新 MS Access 记录时出现问题，结果未更新

    我第一次在这里发布查询 所以 请忽略我的格式 我正在尝试使用更新命令更新我的 accdb 文件 但是结果oledbcommand executeNonQuery is 0因此结果不会在数据库中更新 虽然我没有收到任何错误 这就是我正在做的事

  • 如何默认一直以多线程方式运行maven build

    我想腾出时间在命令行上输入 T3 因为我希望我将要做的所有 Maven 构建都运行多线程 Maven 3 3 9 我用谷歌搜索但没有找到任何有希望的东西 只是建议为命令行选项添加一个环境变量并将其附加到命令行上的每个 Maven 调用中 M

  • Java AudioInputStream如何支持跳过负字节数

    我正在尝试跳过负数字节AudioInputStream skip long bytes 方法 问题是试图 假设少量字节 int skipped audioInputStream skip bytes 如本答案所述 始终返回 0Java Au

  • 创建带有搜索选项的选择框

    I am trying to replicate what you can see here in this image 我希望能够在框上方的文本字段中键入内容 或者直接单击该选项 最好的方法是什么 是否已经存在与引导程序相关的任何内容 这

热门标签