程序员经验分享-hwhale

需要选定值的 jquery 自动完成字段？

2024-05-01

我需要一些 jquery 插件，因为他们在大多数航班预订网站上使用它，您必须从组合列表中选择出发/到达机场。

我环顾四周，但找不到任何好的解决方案。我需要一个自动完成组合框，它将保持打开状态，直到用户从可能值列表中选择一个项目，并且它必须支持一些将发送而不是文本的隐藏 ID 号 - jquery 上的插件通常只发送文本值。

现在我用http://blog.idealmind.com.br/geral/simple-autocomplete-jquery-plugin/ http://blog.idealmind.com.br/geral/simple-autocomplete-jquery-plugin/- 但问题是用户可以通过键盘输入列表中没有的任何内容。

有我可以使用的更好的插件吗？我自己并不是一个真正的 jquery 或 js 程序员......


你在这里有两个不同的问题。

发送隐藏 ID 应使用源中具有值和标签属性的对象数组来完成。您需要使用选择和焦点选项来支持这一点。http://jqueryui.com/demos/autocomplete/#custom-data http://jqueryui.com/demos/autocomplete/#custom-data

可以通过几种方式强制用户选择有效的选项。我喜欢这样的想法：如果用户输入无效选项然后离开该框，则将输入框清空。您可以使用“更改”选项来执行此操作。 James 的代码也是这样做的。

这是一个具有这两个功能的工作示例：http://jsfiddle.net/vZeHr/4/ http://jsfiddle.net/vZeHr/4/

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

jQuery

autocomplete

combobox

需要选定值的 jquery 自动完成字段？ 的相关文章

  • 替换两个引号之间的字符串

    我想转动一根绳子str hello my name is michael what s your s into hello my name is span class name michael span 我怎样才能在 JavaScript

  • 您如何看待引导模式触发器的相应回调？

    On 引导模态 http getbootstrap com javascript modals 我们知道我们可以为触发器绑定事件 例如show or hide using show shown hide hidden 但此事件绑定仅适用于一

  • Fancybox 画廊组

    我正在使用 fancyboxhttp fancyapps com fancybox http fancyapps com fancybox 我的问题是 我可以将不同的资源组合在一起吗 我的意思是同一画廊 或 组 中带有内嵌或视频的图像 如果

  • 当选择下拉列表中的某些值时，取消选中复选框

    当我从下拉列表中选择某个值或用户未从下拉列表中选择任何值时 我需要取消选中复选框 我现在正在使用 Jquery 这是我现在使用的代码 但它不起作用 Script

  • 我可以使用 jQuery 动态创建文件（及其内容）吗？ [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 这是我的 HTML 代码 ul li

  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing

  • Laravel 使用 Ajax 上传文件

    我正在使用 Laravel 框架 我有一种向数据库添加新项目的形式 在该形式中用户还可以拖放文件 然后 会显示一个进度条 直到完成为止 使用 Ajax 将文件上传到服务器 提交该表格后 我运行addItem在控制器中运行 我想要执行 检查

  • 如何使用Jquery使用javascript运算符符号搜索表单列？

    实际上 我试图在搜索后获取单个表列值 如果我选择 运算符并在列中键入任何输入值 然后在搜索后 输入值将类似于匹配相似值的一行或多行 同样 如果我选择 运算符和此列 则将获得小于输入值的任何输入值 如果我选择 运算符 则小于或等于输入值将获得

  • Safari 不触发表单提交

    对于一个项目 我有两个选择表单字段 它们通过 jquery 触发器 提交 发送 这在 Firefox 和 Chrome 中运行良好 但在 Safari 中没有任何反应 这是 HTML 代码

  • 如何将毫秒转换为可读的日期？

    下列 new Date 1324339200000 toUTCString Outputs Tue 20 Dec 2011 00 00 00 GMT 我需要它返回Dec 20 除了我可以使用的更好的方法之外toUTCString 我正在寻找

  • jqGrid - 如何将网格设置为最初不加载任何数据？

    如何创建网格但不加载任何数据 如果我省略url选项然后loadError回调被触发 目前我们设置url NoData json其中 NoData json 是一个静态文件 其中没有行 问题出在我们的loadComplete如果网格不包含数据

  • 使用 Jquery Ajax 将数据从 jsp 发送到 struts2 操作类

    我需要使用 jquery Ajax 将表单数据从 jsp 传递到 struts2 并从 Struts2 操作类接收回 JSON 数据 我已经给出了下面的代码 当我传递 AJAX 数据时 url search action searchTex

  • Ajax调用完成后执行函数

    我是 Ajax 新手 我尝试在使用 for 循环时使用 Ajax Ajax 调用之后 我正在运行一个使用 Ajax 调用中创建的变量的函数 该函数只执行两次 我认为 Ajax 调用可能没有足够的时间在循环开始之前进行调用 有没有办法在运行

  • c3js数据标签的位置

    有没有可能的方法来更改数据上方标签的位置c3条形图 在官方文档中 很好地解释了如何通过操作 y 和 x 整数来更改 x 和 y 测量轴上标签的位置 但我没有找到任何数据标签 我试图用简单的方式指出它d3其上c3是基于但是console lo

  • asp.net mvc jquery 下拉验证

    我如何使用不显眼的 javascript 验证下拉列表 作为所需验证器的验证文本框 但它不适用于下拉列表 需要更改不显眼的 js 文件吗 或者还有其他选项来验证下拉列表吗 我想在我的 javascript 中检查 form validate

  • jQuery.ajax() 记录 HTTP 请求

    我有一个发送 HTTP POST 请求的函数 我想记录它以进行调试 这是函数 function serverRequest URL DATA callback ajax url URL type POST dataType text con

  • 如何防止 CSS 或 jQuery 中单词和标点符号之间的换行

    我在一个段落中有一些文字 我的问题是 当标点符号位于单词末尾时 有时可以换行到下一行 像这样 This is the text This is a new line 我可以用 CSS 或 jQuery 解决这个问题吗 如果您不在单词和标点符

  • 检测浏览器是否支持 contentEditable？

    There s 这个问题 https stackoverflow com questions 3497942 browser detect contenteditable features 但发布的解决方案是浏览器嗅探 我试图避免这种情况

  • 当字段已经填充时，jQuery Validate 有时无法工作

    我的页面中有一个更新表单 所有文本框都已填充用户信息 我用了jquery 验证 https jqueryvalidation org 我的网站中的插件 当表单没有任何默认值时 该插件可以正常工作而不会出现任何错误 在我的表单中 有时错误消息

  • 来自 ajax 的 Bootstrap 表 json

    我有 ajax 和 bootstrap 表的问题 我有一个 ajax JSON 我用这个方法调用 document ready function ajax url php process php method fetchdata dataT

随机推荐

  • 用于阻止大于 20MB 的提交的预提交挂钩

    是否可以为 SVN 1 8 编写 prcommit 挂钩以避免提交大于 20MB 的文件 任何建议 将不胜感激 谢谢 我尝试过 但这不适用于二进制文件或其他文件扩展名 filesize SVNLOOK cat t TXN REPOS f w

  • Pyspark 将多个列合并为一个 json 列

    我不久前问过 python 的问题 但现在我需要在 PySpark 中做同样的事情 我有一个像这样的数据框 df cust id address store id email sales channel category 1234567 1

  • iReport 中的新页面

    这是我的情况 我有一份详细区域包含 10 个 或更多 项目的报告 我有一个大文本字段 我想跨越多个页面 此文本与项目无关 我无法创建另一个页面 因为我的所有项目都非常适合第一页 如何在页脚上创建 强制 仅包含一些可变 静态 文本的新页面 换

  • 使用 Keras、Tensorflow 进行多时间序列维度的 RNN 时间序列预测

    我正在尝试在某些时间序列集上运行 RNN LSTM 网络 值得一提的是 时间序列正在分类 我有大约 600 个不同的时间序列 每个序列都有 930 个带有特征的时间步长 我已将数据结构化为 numpy 3D 数组 其结构如下 X 666 o

  • 这是使用 husky + lint-staged 的​​正确方法吗？

    我发现很多博客 包括 lint staged 文档 介绍了这样一种使用 husky lint staged 的 方法 如 package json 中定义的以下代码 scripts precommit lint staged lint st

  • 获取 ASP.NET 网站的 IIS 站点名称

    在我的 ASP NET Web 应用程序中 我想查找在 IIS 中创建它时指定的名称 该名称对于服务器来说是唯一的 我对网站的域名不感兴趣 而是对 IIS 中为该网站指定的实际名称感兴趣 我需要能够在 IIS6 和 7 上可靠地完成此操作

  • 如何将操作和处理程序添加到“处理货件”屏幕？

    如何将操作和处理程序添加到 处理货件 屏幕 我们想要向屏幕 SO503000 上的 操作 组合框添加一个操作 然后在代码中添加一个处理程序来处理新操作 我们希望在不必覆盖 SOShipmentEntry 图中 Action 的巨大 swit

  • Functools.update_wrapper() 无法正常工作

    I use Functools update wrapper 在我的装饰器中 但看起来像update wrapper仅重写函数属性 例如 doc name 但不影响help 功能 我知道这些答案 https stackoverflow co

  • Jasmine 2.0 rc* 等待未定义

    刚刚升级到茉莉花2 0 rc5 from 1 3现在我所有的测试都使用了waits 被打破了 因为waits and waitsFor 函数未定义 我似乎在网上找不到任何参考 有人知道替换 wait 的新 API 是什么吗 好吧 异步调用的

  • 语音识别中如何处理同音词？

    对于那些不熟悉什么是同音字 https en wikipedia org wiki Homophone是的 我提供以下示例 我们的 是 嗨和高 到 太 二 在使用时语音API https developer apple com docume

  • 如何编写写入 /var/log/myapp 目录的 C/C++ 应用程序？

    背景 在 Linux 系统上 应用程序日志 https help ubuntu com community LinuxLogFiles Application Logs存在于子目录中 var log 其所有者为root root并且在我的系

  • 继承时字段冲突

    我有以下简化的模型结构 common models py class CLDate models Model active models BooleanField default True last modified models Date

  • 当我使用 ctx.drawImage() 在画布中放置另一个图像时，无法将画布另存为图像

    我正在尝试制作绘图应用程序 您可以在画布上绘制一些内容 并通过单击 保存 按钮将结果保存为服务器上的图像 您还可以放置另一张图像作为绘图的背景 问题是 当我使用 ctx drawImage 将图像放入画布时 我无法将画布保存为图像 因为什么

  • resource.data 和 request.resource.data 是同一件事吗？

    我看了 Firebase 的官方指南 得到的印象是request resource data指向正在写入的新数据 但是 当我在模拟器中测试时 request resource data无论我发送什么都存在 并且始终等于resource da

  • NativeScript 中的多行文本框

    如何在本机脚本中获取支持多行的文本区域 我尝试过使用不支持多行的文本字段 还尝试过此代码将多行添加到文本字段 var myTextfield this page getViewById

  • NLog 最好的查看器是哪个？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 在 Woocommerce 编辑订单页面中显示可编辑的自定义字段值

    我不是开发人员 但以某种方式设法将 Woocommerce 自定义字段添加到结账和订单编辑页面 有类似的问题 但我找不到正确的解决方案 自定义字段在管理订单编辑页面中可见但他们不显示值并且不会添加到订单电子邮件中 我缺少什么 请看最后的截图

  • 如何编辑 Sublime Text 构建设置？

    我想启用 std gnu 11Sublime Text 3 的 C 单文件构建于 Ubuntu 12 04 上 我已经将工具链升级到最新的 g 并且不希望在每次构建时看到以下错误 错误 error 此文件需要编译器和库支持 ISO C 20

  • 在 lldb 中的“NSMutableArray *”PO 命令类型的对象上找不到属性“count”

    我正在使用控制台po一些变量 在这种情况下我有一个NSMutableArray 我想看看它的计数 我收到一个奇妙的错误 有任何想法吗 我知道我可以看到变量列表中的计数 它说 1个对象 但我在使用时似乎对多个获取器和属性有这个错误po 更新

  • 需要选定值的 jquery 自动完成字段？

    我需要一些 jquery 插件 因为他们在大多数航班预订网站上使用它 您必须从组合列表中选择出发 到达机场 我环顾四周 但找不到任何好的解决方案 我需要一个自动完成组合框 它将保持打开状态 直到用户从可能值列表中选择一个项目 并且它必须支持

热门标签