问题标签 [jquery-selectbox]

好的，所以我正在尝试编写一个脚本，该脚本将根据用户的选择显示和隐藏项目。我能够弄清楚如何使用广播组来做到这一点，但是当涉及到一个选择项目时，我就是想不通。有人知道我在这里做错了什么吗？

我的 jQuery

我的 HTML

好的，我正在使用两个插件，一个有助于制作精美的选择框下拉菜单 - 工作正常。插件：jQuery 选择框插件

然后我有一个，所以我可以在元素上进行自定义滚动，这也很好。插件：jScrollPane

但是我不能让他们一起工作 - 一个带有自定义滚动的下拉菜单。

你可以在这里看到工作示例：http: //jsfiddle.net/8VX4d/23/

第一个框是没有滚动的框（正确），第二个是滚动正常工作的工作框，下面的一个是我试图让自定义滚动工作但不能正常工作的下拉菜单。

不确定它是否与在我应用自定义滚动之前必须准备好选择框实例有关，我不确定如何检查它是否是？

正如您在 jsFiddle 上看到的那样，我正在使用 onDomReady 并通过以下方式绑定它们：

编辑：

这似乎可行，但由于某种原因，它限制了它为下拉菜单显示的高度：

编辑#2：我min-height为sbOptions班级设置了一套，这就是 jScrollPane 似乎出于某种原因而采用的高度！？

我正在使用来自该站点/脚本的 jQuery 链接选择下拉框。我把它放在侧边栏中，它在主页上工作正常，但在帖子页面上不起作用，调试器指出了这个错误。

它说有一个错误escapeQuotes : function(str) {return str.replace(/([""\\])/g, "\\$1");

脚本的开头：

这是我调用该函数的方式。我正在使用 json 文件将选项文本和值拉入选定的框中：

编辑：

似乎与我刚刚放在网站上的随机图像旋转器有冲突。我暂时移除了旋转器，链式选择框工作正常。这是一个显示错误的示例。这是没有随机旋转器的。

嘿伙计们，我这里有一些代码，我似乎无法正常工作，或者我的逻辑没有意义。我需要创建一个多选框，允许用户选择他们想要的披萨配料。反过来，在我的计算中，每个浇头都是 0.50 美分的额外成本。因此，如果用户只想要一个浇头，则只需额外支付 0.50 美分。因此，如果用户选择选项 2 或 3，甚至选择 1 和 4，则浇头的价格将是相同的。

任何帮助，将不胜感激！

这是新的 HTML：

JS：

最初这是我用于确定选择了哪些浇头的代码，但我发现如果我将 HTML 上的值保留为 1，它会改变我的计算。所以现在我必须解决这个问题。 旧 HTML

我可以从服务返回任何 JSON。基于 JSON，我需要动态创建 SelectBox 并填写其中的值。

例如-

在这种情况下，将创建 3 个主选择框，其下有子选择框。Like - OneMain SelectBox - Time，Under time 5 个以上的选择框，Second SelectBox - Location，在这 4 个以上的选择框下等等。

我完全不知道如何使它动态到这样的水平。

我想知道选择框是否有可能具有两个功能。

1.使用选择选项时自动重定向value。

2.通过 ajax 将内容加载到最近的 div 中data-file。

但是当我尝试以下脚本时，ajax 选项（Fans）不起作用，而是尝试重定向。我可以知道如何在一个选择框中拥有两个功能吗？这是一个演示。

我正在开发一个将文件内容加载到最近的 div 区域 Demo的 ajax 选择框。我正在使用下面的脚本在加载 ajax 内容时将第一个选项文本“选择”更改为“隐藏”。但是，单击后我无法将“隐藏”文本更改回“选择” .

代码：

HTML

我应该在函数中使用这一行吗？

我读了几个线程，他们显示这两个代码可以重置选择框。

或者

但是当单击任何其他选择框时，我无法将选择框（小提琴）重置为“选择”。该代码使选择框通过加载内容data-file并使用重定向到其他页面value。由于我将在一个页面上有超过 10 个选择框，所以使用类可能会更好。我已经尝试了上述方法，但要么出错，要么框始终保持“选择”选项。任何人都可以提出一些解决方案吗？

代码：

我的 HTML 中有几个下拉菜单，我正在使用 jQuery Selectbox 插件 (selectbox()) 进行自定义下拉菜单。

我还需要验证我正在使用 jQuery.validate js 的表单。

当我将selectbox()like$("#pd_subject").selectbox();应用于下拉列表时，jQuery.validate 根本不验证下拉列表，

小提琴案例1：案例1

但是当我从下拉列表中删除 selectbox() 属性时，jQuery.validate 开始验证它们。

小提琴案例2：案例2

第一种情况的障碍是什么？

我正在使用 selectboxit 插件 - http://gregfranko.com/jquery.selectBoxIt.js/

对于普通的 select 元素，设置 selected 元素的 prop 将更新 UI。使用 selectboxit 它不起作用。

演示 - http://jsfiddle.net/uXM6Y/

当我单击演示中的更新按钮时，选择未设置为更新值。如果我删除 selectboxit 插件，它工作正常。