问题标签 [jquery-ui-selectmenu]

我在一个 div 中有三个选择菜单对象。第一个与页面一起加载。当我在第一个中选择某些内容时，该值用于填充第二个。在第二个中选择会填充第三个。

在将新位放入字段之前，我需要清空旧位。

似乎不起作用-所以我似乎在做一些愚蠢的事情。没有错误消息..只是没有清空。

我也试过$("#selectId").html("");

编辑：

尝试使用$("#selectid").selectmenu("refresh")and $("#selectid").empty().selectmenu("refresh")- 当我尝试打开列表（单击它）时都给我这个错误：

jquery-ui.min.js:11 Uncaught TypeError: Cannot read property 'index' of undefined at HTMLUListElement.focus ( http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min .js:11:25160 ) 在 t.(匿名函数).(匿名函数)._trigger ( http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js: 6:11090 ) 在 t.(匿名函数).(匿名函数).focus ( http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:7:27841 ) 在 t.(匿名函数).(匿名函数).focus ( http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:6:4499 ) 在 t .(匿名函数).(匿名函数).open (http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:11:26239 ) 在 t.(匿名函数).(匿名函数).open ( http:// /cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:6:4499 ) 在 t.(匿名函数).(匿名函数)._toggle ( http://cdnjs. cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:11:28018 ) 在 t.(匿名函数).(匿名函数)._toggle ( http://cdnjs.cloudflare.com /ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:6:4499 ) 在 t.(匿名函数).(匿名函数).click ( http://cdnjs.cloudflare.com/ajax/ libs/jqueryui/1.12.1/jquery-ui.min.js:11:28578 ) 在 HTMLSpanElement.r (http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js:6:9786 ) 焦点@jquery-ui.min.js:11 _trigger@jquery-ui.min .js:6 焦点@jquery-ui.min.js:7（匿名）@jquery-ui.min.js:6 打开@jquery-ui.min.js:11（匿名）@jquery-ui.min.js :6 _toggle@jquery-ui.min.js:11（匿名）@jquery-ui.min.js:6 点击@jquery-ui.min.js:11 r@jquery-ui.min.js:6 调度@ jquery.min.js:3 q.handle@jquery.min.js:3

我有一个 html 表单：选择

我使用 jquery-ui 绘制漂亮的图画

我需要盒子1有自己的风格

怎么做？设置id，类不起作用:(

我认为我应该做以下事情：

1）创建“经典”选择表单的html代码

2) 将创建的“经典”选择表单加入到 jquery-ui

3）在 jquery-ui 选择菜单中查找元素（如何？）

4) 设置为找到的元素新的类名

5) 使用 css 作为类名

In a 2017-child theme for WordPress I display 3 buttons and 1 selectmenu in one line using the following HTML code:

and jQuery UI 1.11.14:

For some reason the selectmenu is not vertically (is it called "base line"?) aligned to the buttons - as you can see in the screenshot below (please pardon the non-latin text):

Does anybody know how to workaround the wrong alignment?

I do not use any custom CSS yet, but suspect that I need to add one now?

我正在使用这个设计：

AdminBSB 材料设计

该设计正在使用bootstrap-select. 正如您在页面中间看到的那样，该-- Please select --选项是一个空值，但文本是黑色的，而不是灰色的。在表单中使用选择菜单时，所有其他表单元素的所有占位符都是灰色的，而不是选择菜单。

我已经检查了这里给出的所有答案：

如何为“选择”框制作占位符？

但它们都不适用于这种设计。bootstrap-selectCSS的链接：

AdminBSB 引导选择 CSS

有谁知道为空选择菜单值显示灰色文本的解决方案？在 bootstrap-select 示例页面上，它按预期工作。

引导选择示例页面

我正在尝试构建一个页面，其中列表项在“ul”元素下动态添加。

1. 单击列表项时，它将打开一个选择菜单（jquery 插件）
2. 用户将选择其中一个值，之后选择菜单需要关闭（隐藏）
3. 从菜单中选择的值被填充到被单击以弹出选择菜单的列表项的文本中。
4. 填充列表项文本后，在其下方动态添加另一个列表项
5. 用户现在应该能够从步骤 1 到 4 重复。

我可以第一次执行步骤 1 到 4，但是在隐藏选择菜单后，无法识别单击新添加的列表项或任何先前添加的列表项。

我无法弄清楚，我哪里出了问题。下面是html和jquery代码。任何指针将不胜感激

HTML

点击功能的Javascript

我现在被困了一天......主要问题是，我无法让选择菜单的 jqm 小部件正确反映“选定”条目。

我选择第二个选项，然后重置..所以它返回到第一个选项。好的！但它第二次不起作用。为什么不？源代码正确地指出第一个选项是“选定的”，但它没有显示。它再次工作，页面重新加载后......

最重要的是，如果我在 jqm 弹出窗口小部件中使用选择菜单，它甚至不会工作一次。我认为这两个问题是相关的。

示例：https ://jsfiddle.net/0v5f6m88/12/

提前致谢！

好的 - 所以出于某种原因，jQuery UI Selectmenu-button 与 focus() 和 blur()-events 混淆 - 它们不会触发。有没有办法让这些事件触发，而不必在 selectmenu()-assignment 中使用函数？

我问的原因是我有一个整体功能，用于输入、textarea 等上的焦点和模糊事件，这也可以在选择菜单上使用 - 但因为它不接受模糊和焦点，这使得它有点困难。

目前，我有以下代码：

这适用于常规输入上的常规事件，但不适用于选择菜单元素。它是一个在元素本身中返回“ok”（复选标记）和不同错误消息等的函数，因此无需在单独的元素中附加错误消息。

任何人都知道如何进行这项工作？

我正在尝试使用jQuery Selectmenu将图像添加到我的 Angular 项目的下拉列表中。它工作并且看起来很棒。

问题是当用户进行选择时，我无法拦截更改以执行操作。

HTML：

jQuery 几乎与文档示例相同 - 这添加了图像：

以下都没有做任何事情：

但是，当我删除id="status"一切正常时，当然我的图像不再出现在下拉列表中。

我显然在这里遗漏了一些东西。如何使用启用的图像jQuery select并实际捕获其事件？