问题标签 [jquery-chosen]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1312 浏览

jquery - 自动更新选择的字段选项

在 Rails 中,我的 Dish 页面上有一个表单,其中有一个名为 Side Dishs 的多选选择字段

如果用户从另一个浏览器窗口添加了另一个配菜,我想让我的配菜选择字段的选项自动更新(无需重新加载页面)。

我从选择的网站上查看了动态更新选择的内容,但我不知道这是否是我正在寻找的和/或我是否正确理解它。

目前,我的dishes.js.coffee样子是这样的:

但显然,这并不能解决问题。我的理解是,.trigger将定期刷新配菜列表并从配菜表中获取任何新添加(或删除)。

Dish 页面上的表单遵循以下约定:

PS——我已经查看了其他 SO问题,但无法使其全部正常工作。同样,我不确定我是否理解.trigger...正确的目的。

0 投票
6 回答
13683 浏览

javascript - 如何通过 JavaScript 打开 Chosen?

我需要通过 JavaScript 打开Chosen 下拉菜单,这样用户就不必单击选择来显示它,这怎么做?

0 投票
1 回答
4143 浏览

javascript - 选择带有 1000 个选项的标签 - 性能下降

我正在使用一个名为 Chosen 的插件,它基本上将搜索添加到一个选择的 html 对象。我从 ajax 页面加载结果。但是,我在选择标签上附加了很多选项——大约一千个。也许它是选择的插件,但有 1000 个选项似乎有点滞后。

这将如何影响性能以及解决方法是什么?

0 投票
4 回答
8182 浏览

jquery - jQuery选择不工作

我正在尝试使用 jQuery selected() 插件来设计一个选择表单字段,但它不起作用。这是我的 HTML 代码:

这是我的 .js 代码:

这是我的 JavaScript 导入:

这是我的 CSS 导入:

我没有关于它如何在屏幕上显示的图片,但我可以描述它。有五行:

  1. 第一个选项或“第二个选项”
  2. 第一个选项(蓝色和下划线,看起来像一个 html 链接)
  3. (看起来像一个文本输入字段)
  4. 第一个选项(纯文本,前面有一个项目符号点,如
  5. 元素
  6. “第二个选项”(同样是纯文本,前面有一个项目符号点,就像
  7. 元素)

在 Mozilla Firefox 中运行。

0 投票
2 回答
2008 浏览

ruby-on-rails - 不明白为什么选择的插件不起作用

我正在使用 RubyOnRails,所以我的所有样式表都应该自动包含在内。

我想让我的下拉列表对用户更友好,我选择了 Chsen 插件。

这是我的页面代码:

所以包括javascripts和样式表,是吗?

我的 HTML 代码(来自示例):

在我的 application.js 文件中:

Google 控制台中没有错误,但在我的页面中它显示为默认选择列表。为什么 ?

0 投票
1 回答
4389 浏览

html - 无法使用选择插件更改下拉菜单的宽度

我正在使用选择插件并对其进行样式设置,但遇到了这个问题:

这是由这个生成的HTML引起的:

我该如何解决?也可能是由额外的边界引起的,是吗?

0 投票
7 回答
16484 浏览

jquery - jQuery Chosen 填充时不显示数据占位符

我在我的 ASP.NET MVC 应用程序中使用 jQuery Chosen 插件。当下拉列表中有项目时,该data-placeholder属性不起作用。它不显示默认文本,而是自动选择列表中的第一项。

这就是我定义我的下拉列表的方式。

如果 Model.Data 为空(使用 EF 填充到视图模型中),则显示默认文本。否则,选择第一项。我总是希望我的下拉列表显示默认值。

$('.chzn-select').chosen();我通过没什么特别的应用插件。

有任何想法吗 ?提前致谢。

0 投票
3 回答
38964 浏览

jquery - .chosen.change() - 如何判断它是选择还是取消选择操作

我们如何确定组件上触发的更改事件是选择还是取消选择的结果?我们如何才能仅获取选定值或仅取消选定值的值?

此代码为我提供了迄今为止在多选组件上选择的所有值?如何将其更改为仅给我新选择或取消选择的组件的值?

0 投票
2 回答
652 浏览

ruby-on-rails - 无法使用 Rails 助手生成选择的选择

我设计了美丽的选择,但我需要将它连接到数据库,所以我有简单的 html 代码:

和使用 rails form helpers 的代码:

编辑:添加由 rails 生成的 html 代码:

它向我显示空白页,但是由于我在 Google 控制台中看到它,因此正在生成代码。

我应该设置所有其他属性或者什么是问题?

0 投票
5 回答
16267 浏览

javascript - 动态添加选项以选择选择多个 JQuery 插件

I want to add the text that a user inputs in the text field of a chosen select multiple input as an option, and automatically select it, all of this when the option doesn't exists, if the option exists, then I would like to选择它。到目前为止,我已经设法做到这一点:

每当用户在输入字段在函数中处于焦点时按 Enter 键时,我都会调用此keydown_check函数。

我有两个问题:

  • 最高优先级,当用户按下回车键并输入选项的子字符串时,该选项不会被选中,但子字符串文本将被添加并选中。不是我想要的。

例如:如果我有选项“foo”,并开始输入“fo”,选择会将第一个选项标记为候选(“foo”),所以如果我按下回车键,它应该被选中,但是,发生的事情是当我实际上想选择“foo”时,将“fo”作为选项添加并选择。

如果我通过单击选择“foo”,那么一切正常。选择的选项标记被选中,子字符串文本被作为选项的一部分。

如何在不丢失所有原始功能的情况下添加不存在的选项?

  • 如何访问我在所选插件中选择的多选字段?正如您在上面的代码中看到的,选择多个字段的 id 是硬编码的。我想这样做是为了在用户添加新选项时能够刷新选择。

  • 我正在寻找的功能与linkedin的技能小部件非常相似