问题标签 [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 投票
1 回答
1854 浏览

javascript - Jquery selectmenu更改下拉值

我有一个下拉列表,我用 Jquery UI 选择菜单进行了更改。我必须使用 jquery 更改值。

我已经尝试过这个及其工作。

它改变了下拉值,但它没有调用与它关联的更改函数。

请仔细阅读附加的代码片段,当手动更改值时触发警报,但如果我通过 jquery 更改它只是更新 jquery 选择菜单中的值,但它没有调用更改函数。请指导我怎么做。

)

0 投票
2 回答
1273 浏览

javascript - 如何设置最大高度并允许使用 jQueryUI Selectmenu 滚动

我正在尝试使用新的jQueryUI 选择菜单小部件为我的<select>下拉菜单获取自定义样式并保留全部功能。但对于大型列表,它似乎几乎没有用。在打开时的默认状态下,下拉项目只是在页面外运行,并且没有启用滚动。对于一个可以替换标准 HTML<select>下拉菜单的插件,我觉得这很奇怪。

有没有办法解决这个问题,例如在显示的下拉项目上设置最大高度并启用滚动?也许我错过了一个 API 选项。我想它可以用一些有创意的 CSS 来完成?

这是一个显示发生了什么的 JS Fiddle 。

0 投票
1 回答
820 浏览

javascript - JQuery UI Selectmenu 更改在单击时触发

我有一个带有自定义渲染的选择菜单。随后的单击会将所选值更改为第一个选项(不需要的行为)。在代码片段中,初始选择的值为“2”,即第 5 个选项。单击并选择另一个选项(不是第一个),到目前为止一切顺利。

再次单击该控件,它将更改为触发更改事件的第一个选项。它将为所有后续点击执行此操作。

我怀疑这可能与自定义渲染有关,但我看不到我正在做的任何可能导致问题的事情。

0 投票
1 回答
409 浏览

javascript - 显示和隐藏选择菜单选项

我有一个带有大约 30 个选项的 jQuery 选择菜单小部件。为了让它更实用,我只展示了最常用的 15 个选项。然后我有一个名为“显示更多”的第 16 个选项。然后我想要 jQuery 做的是显示其他 15 个选项(低于已经存在的 15 个)。

目前,我用显示更多按钮显示了 15 个。但是当单击时,它会使选择菜单(弹出)消失(选择“显示更多”)。再次单击该按钮会再次显示包含所有选项的选择菜单列表。所以,它正在工作,只是它在单击“显示更多”后隐藏了选项列表。有没有办法防止列表消失?我已经包括event.preventDefault()了,但这似乎并没有奏效。

本质上,我真正想做的就是显示和隐藏选择菜单小部件的选项。如果有更简单的方法,我很乐意用另一种方式来做!

0 投票
2 回答
135 浏览

javascript - 防止选择菜单小部件关闭

我有一个带有很多选项的选择菜单小部件。我想添加一个“显示更多”按钮作为最后一个选项,然后可以加载更多选项并刷新小部件,或者只是切换它们的可见性以显示它们,如果它们已经加载但不可见(任何一种方法会好的,我不介意)。

问题是单击“显示更多”选项然后关闭选择菜单本身!必须解决此问题,因为允许选择多个选项不会在您单击小部件时关闭它。

有任何想法吗?

0 投票
1 回答
265 浏览

javascript - 与 jQuery 弹出窗口一起使用的“返回顶部”元素

我有一个 jQuery 选择菜单列表,它作为弹出窗口打开,因为它太长了。我想要的是列表末尾的“返回顶部”按钮。我发现本教程看起来应该可以解决问题,只是它没有显示“返回顶部”文本,因为我认为它位于弹出窗口下方。任何想法如何解决这个问题?还是“回到顶部”解决方案的另一种实现?

0 投票
0 回答
168 浏览

javascript - 长jQuery选择菜单弹出窗口上的不透明覆盖?

我有一个长长的列表,其中包含一个作为弹出窗口打开的 jQuery Mobile 选择菜单小部件。默认情况下,弹出窗口以纯白色背景打开(如果我data-overlay-theme=a<select>标签中明确设置),如果我将此属性更改为,data-overlay-theme=b则它以纯黑色背景打开。在我网站的其他地方,我使用 jQuery 弹出小部件,data-overlay-theme=b背景是不透明的黑色(可能是 50%)。

有没有办法让选择菜单小部件弹出窗口的背景与弹出窗口小部件具有相同的背景?

这是一个带有一些演示的 JSFiddle

0 投票
2 回答
1099 浏览

python - selenium webdriver 在带有 Firefox 浏览器的无头 Linux 上使用 python 在下拉菜单中选择一个选项

我有这个代码:

输出:

“搜索工作 - 沃尔玛加拿大职业”

问题是我不知道如何在“加拿大城市”字段中选择“卡尔加里”。我尝试了许多不同的方法,但仍然不起作用。你能帮忙吗?

注意:我可以选择选项,并且我的代码在非无头环境 Windows 机器中工作,这里是python selenium-webdriver 选择选项不起作用。我现在正在处理生产无头 Ubuntu,因此浏览器并没有在任何物理显示器上真正打开。

再次提前感谢。

0 投票
2 回答
59 浏览

javascript - jQuery-UI 无法识别 HTML5 的隐藏属性

使用纯 Javascript,很容易使用 HTML5 的 hidden 属性隐藏选择菜单选项。但是当我想使用 jQuery-UI 对选择菜单进行样式化时,隐藏属性会被忽略。例如,定义两个选择菜单:

这是Javascript/jQuery:

当您运行此示例时,第三个项目隐藏在第二个选择菜单中,但不在第一个中。似乎 jQuery-UI 禁用了 hidden 属性。看

jsFiddle

一个活生生的例子。我做错了什么还是 jQuery-UI 中存在错误?

0 投票
0 回答
177 浏览

javascript - jQuery 选择菜单在 iPhone 上不起作用

我的手机上的 jquery selectmenu 功能有问题。我想让它工作,但我对移动类型有点陌生。我试图在谷歌上搜索但没有结果。

在我选择我的菜单项后,菜单消失了,什么也没有发生。它只是再次隐藏了菜单。

当我尝试从桌面站点上的选择菜单中进行选择时,一切正常。但是当我在我的移动网站上尝试它时它不起作用..但是当我尝试在 android 设备上选择时一切正常..我不知道这是否是 iOS 中的某种问题..

那是我想让它工作的网站: http: //svatebniblog.cz/satebni-salony-dodavatele/

当我在我的 PC 上使用它时,一切正常,在 android 设备上也可以,但是当我尝试在移动网站上的 iPhone 上使用它时(http://svatebniblog.cz/satebni-salony-dodavatele/?wptouch_preview_theme=enabled)菜单打开当我想选择它只是隐藏的选项之一。

我将不胜感激任何帮助。谢谢

这是我的选择菜单脚本: