问题标签 [jquery-ui-selectmenu]

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 投票
3 回答
407 浏览

javascript - 如何使用 2 个按钮遍历 jQuery UI 选择菜单?

请尝试带有 jQ​​uery UI 选择菜单和 2 个按钮的 jsFiddle

在 2 个按钮的帮助下prevGamenextGame我可以更改selectedIndex跟踪当前选择的游戏编号的变量。

遗憾的是, jQuery UI selectmenu doc 没有解释如何设置获取(以便我可以更新 span currGame)当前选定的项目:

截屏

请解释:如何在 jQuery UI 选择菜单中设置和获取所选项目?

HTML代码:

JavaScript 代码:

更新:

我已经准备了一个更新的 jsFiddle使用selectmenu("refresh")而不是selectmenu("destroy"),但它仍然存在一些问题。

0 投票
1 回答
35 浏览

css - 无法为我的 Rails 选择菜单设置样式

我正在使用 Rails 4.2.3。我想更改选择菜单的字体,但我无法做到。我安装了“bootstrap-sass” gem 并将其添加到我的样式表中……

然后以这种方式设置我的选择标签

但是当我的菜单被渲染时,选项继续具有正常字体,而不是我指定的字体。我还需要做什么来设置 Rails 选择菜单的样式?

0 投票
1 回答
5661 浏览

javascript - 如何在 jQuery UI Selectmenu 中触发“选择”事件

我得到了这个选择菜单:

我想以编程方式更改所选项目并触发“选择”状态。

我执行以下操作:

选择菜单选择正确的选项并刷新它,但它不会触发“选择”状态。我怎样才能做到这一点?

0 投票
1 回答
988 浏览

jquery - selectmenu('refresh') 因“未捕获的类型错误”而崩溃

在 Wordpress 网站上,我使用来自 Google CDN 的 jQuery 3.1.0 和 jQuery UI 1.11.4:

当我创建一个jQuery UI 选择菜单然后尝试使用以下测试代码刷新它时 -

HTML:

JavaScript:

然后不幸的是它失败了:

这指的是1.11.4/jquery-ui.js中的以下代码:

这是 Mac 版 Google Chrome 浏览器中的屏幕截图:

截屏

请问如何解决或解决这个问题?

为了在我的真实 JavaScript 代码中提供更多上下文,我通过 WebSocket 连接反复获取 JSON 数据,并且必须更新 HTML 选择菜单(因此调用selectmenu('refresh')

0 投票
2 回答
1588 浏览

jquery - 如何强制从 JQuery 的选择菜单中选择一个选项?

使用 JQuery 1.11,我无法强制选择一个选项。我知道选项的文本,所以我正在使用

但我的表情并没有找到该项目,尽管在控制台(下面列出的输出)中,您可以清楚地看到有一个选项显示“加拿大”。

我究竟做错了什么?最终,我希望为具有给定文本的选项启用“selected”属性(并且让所有其他选项都没有“selected”属性)。

0 投票
1 回答
873 浏览

javascript - Jquery:尝试禁用 HTML 选择菜单不起作用

在我的 HTML 页面上,我有一些共享类名的选择菜单,.iconDropDownMenu当使用 PHP 生成页面时,一些选择菜单将被 PHP 隐藏,将另一个类添加到选择菜单中。

无论如何,然后我想只禁用.iconDropDownMenu我一直在尝试使用的隐藏功能:

这运行没有错误,但禁用的属性不会显示在我的选择菜单上,因此不会禁用输入。所以我做了一些研究,发现我可以$(this).multiselect('refresh');在第一行之后的上面的 .each() 中使用。但是我收到一个错误TypeError: $(...).multiselect is not a function,这是它实际工作的奇怪部分,我可以在 HTML 中看到 disabled 属性,但该错误会阻止 JavaScript 的其余部分运行。 ..

我也尝试过使用$(this).selectmenu("refresh");但得到以下信息:错误:在初始化之前无法调用选择菜单上的方法;尝试调用方法“刷新”,这也会产生相同的结果,因为禁用了选择菜单的属性,而没有这个属性之前没有。

我试图初始化选择菜单,但它只是向 HTML 添加了一个跨度,并通过将第一个选择显示为选择菜单之外的文本来弄乱选择菜单?

我还尝试使用 PHP 将“禁用”属性输出到选择菜单 HTML,但是在浏览器中加载时它不显示并被删除:/

任何帮助,谢谢!

0 投票
3 回答
1269 浏览

jquery - 如何使用 jquery 仅选择与值匹配的第一个选项?

我正在使用 JQuery 1.8。我想在我的选择菜单中按值选择一个选项,所以我使用这个语句

但是,上面的问题是,如果有多个具有相同值的选项,则全部都被选中。如何调整上述语句以便只选择一个选项?随时给我发消息并讲授如何不应该有具有相同值的多个选项的选择菜单。

编辑:这是响应给定建议之一的控制台输出

0 投票
1 回答
55 浏览

jquery - 使用 jQuery 从我的选择菜单列表中清除“选定”属性时遇到问题

我正在使用 jQuery 1.9。如何从选择菜单中清除所有选定的属性?我正在尝试这个

但它不工作。作为证据,这是我的控制台中的输出...

请注意,在我调用应该清除所选项目的语句之后,我立即查找已选择的选项并立即找到两个。如何一劳永逸地清除选定的选项?

0 投票
1 回答
309 浏览

html - ng-option 中的空行仍然出现在选择菜单中

嗨,我有不应有空行的选择菜单,这是我在 AngularJS 中的代码

这是 HTML 代码

但是选择菜单看起来像这样

在此处输入图像描述

如您所见,我有两个空菜单选项而不是一个?

我的错误在哪里,请帮助?

问候

0 投票
1 回答
73 浏览

meteor - 如何将带有动态选项的 jQueryUI 选择菜单写入 Meteor Blaze 模板

I am having trouble making the jQueryUI selectmenu work in a Meteor app when the options are dynamic. 我在用:

  • 流星 1.4.1
  • jQuery 2.2.4
  • jQueryUI 1.11.4
  • lodash 4.15.0

physiocoder 在另一个问题上说: “Meteor 反应性迫使您选择负责 DOM 更新的人员。”。

我意识到这是我的问题的基础。因此,如果页面/模板可以让 Meteor 加载所有页面内容/数据,然后将 DOM 控制权交给 jQueryUI 的小部件,则没有问题。但是,我有一个案例,我想吃蛋糕也想吃——我想让 Meteor 响应式地提供 jQueryUI 小部件的选项(特别是目前的选择菜单),但仍然让 jQueryUI 处理样式/主题。

在模板 onRendered 函数中初始化 jQueryUI 小部件工作得很好,在必要时在模板 onDestroyed 函数中销毁 jQueryUI 小部件也是如此。当新选项可用时,调用selectmenu('refresh')选项模板的 onRendered 函数会刷新选择菜单。However, I cannot find anywhere I can effectively call refresh when options are reactively removed such that the selectmenu is refreshed to the new, correct UI state -- not at the end of the event which changes the Meteor data context, not on the option template's onDestroyed 函数,而不是绑定到适当数据源的 Tracker.autorun 函数。

HTML:

JavaScript:

#entryToInclude 选择菜单继续包含刚刚选择的条目;选择编号为高或更高的第二个条目实际上会选择后续条目(例如,选择 4 然后选择 5 实际上会选择 4 和 6),除了在成功选择后立即选择最后一个条目只会刷新选择菜单。