问题标签 [jquery-ui-multiselect]

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 投票
17 回答
272862 浏览

jquery - JQuery Bootstrap 多选插件 - 在多选下拉列表中设置一个值

我正在使用 Boostrap Multiselect 插件(http://davidstutz.de/bootstrap-multiselect/)进行多选下拉菜单,如下所示

在页面加载时,我将得到一个值数组,如 [101,102]。我应该遍历数组并选择值(应选中对应于 id 的复选框)。请帮忙。

0 投票
1 回答
512 浏览

javascript - 当使用 jQuery/Javascript 选择一个时,如何使多项选择的所有值都无法选择:

我的Symfony 项目中有一个使用 Ajax 和 jQuery 的动态表单。

我有一个多项选择。我想在这个多重选择中,当我选择值 id 7(即“外部”)时,所有其他值都是不可选择的。

这是我的树枝视图中脚本的代码:

这是我的树枝视图中的表单代码。只要知道我正在使用一个集合,即 Symfony 表单的 formType 来制作这个表单:

因此,当我选择选项 7 时,即“外部”时,我想让多项选择的所有其他值都无法选择。然后为“batiments”的选择标签的以下字段设置默认值(空值)。

多选(selectpicker)的id, batiments的select标签id是。mySpace_databasebundle_zonestechnique_categorieszonestechniquemySpace_databasebundle_zonestechnique_batiments

有人知道如何使我的多项选择的所有其他值无法选择,然后将空值放入以下字段,即 batiments 的选择标签。

0 投票
1 回答
396 浏览

javascript - 当元素被隐藏时,outerWidth() 返回不同的值

我正在尝试对jQuery UI MultiSelect Widget进行一些调整。

我遇到的一个问题是刷新控件后主控件有点太宽了。查看代码,宽度设置使用:

wherethis.element指的是我原来的<select>控件,已经被 jQuery UI MultiSelect Widget 隐藏了。

玩弄这个,我可以看到outerWidth()当我的元素隐藏时返回 424 <select>,当它可见时返回 406。(请注意,width()当元素隐藏时也会返回更大的值。)

有谁知道宽度会根据控件是否可见而改变或如何改变?控件可见时返回的值似乎是正确的值。

编辑:

我创建了一个jsFiddle来演示这一点。

0 投票
1 回答
28 浏览

jquery - UI MultiSelect:将类从选项传递到呈现的li

标题非常明确。我的一些选项<select>有一个特定的类(或数据),我想在 ui 多选呈现的选项中看到这些类,它们<li>具有输入和跨度。然后我将能够以不同的方式设置这些选项的样式。

我能怎么做?

0 投票
3 回答
6089 浏览

javascript - 带有大量选项的 Bootstrap-multiselect 非常慢

在我的应用程序中,我要求客户填写一份简短的表格,其中一个字段要求他们选择 3 个他们最喜欢的城市(或他们访问过的城市)。

我可供选择的城市列表非常大(3K 城市),我选择使用 bootstrap-multiselect 和搜索。然而,由于选项太多,bootstrap-multiselect 相当慢。

我最大的抱怨是页面加载时间。下面是一个包含 30 个选项的演示,等它加载完毕,然后运行它,你会发现它超级快。

http://www.bootply.com/07KLihND2q

现在,下面的演示有 3K 选项,等到它加载并运行它。多选至少需要 3 秒才能采用所需的形式!

http://www.bootply.com/wK8zFCjB2D

有没有办法加快速度和/或用另一个满足我需要的组件替换引导多选?

我正在寻找可以让用户快速找到他们最喜欢的城市(例如通过文本搜索)、紧凑(可以放入表单而不是打开新窗口)并将用户限制为我拥有的 3K 选项。能够使用 js-populate 从 JSON 填充元素是一个很大的好处。

谢谢!

0 投票
2 回答
839 浏览

knockout.js - JQuery UI Multiselect with Knockout JS - 使用辅助插件进行数据绑定

我正在尝试使用 KnockoutJS 绑定来实现jQuery UI Multiselect 。我想它不能在本地完成,这就是制作这个插件的原因。

我正在使用插件。我在 php 代码中创建了我的多选,但输出 html 是这样的:

我知道在 php 中创建它不是问题,因为我<select>在 php 中创建了不是 jqueryUI Multiselects 的其他 's,并且它们的数据绑定有效。

这是我的视图模型(我使用打字稿):

这个问题主要是关于如何multiSelectConfig在viewmodel中配置空对象。当我在 Web 浏览器中运行该页面时,其中的输出 html<select>现在是许多<li>标签,其中包含相当多的 jquery ui 多选代码,但重要的是每个标签内部<option></option>都有<span>[object Object]</span>哪些。<li>标签的数量<li>与类别相同,这让我认为数据绑定正在工作。我只需要点击 [object object] 来获取属性(category.name)。我怎么做?

0 投票
3 回答
8318 浏览

twitter-bootstrap-3 - 引导多选刷新或重建不起作用

我想将我的多选与 ajax 绑定,但在 ajax 调用项目后没有显示。我尝试重建或刷新多选,但它仍然没有显示

这是我的多选页面链接:http ://pratikisara.com/Home/Quick 这是多选但它是空的

如何从多选 JS 文件中进行 ajax 调用(在此处输入链接描述)以及我应该在哪个代码块中进行 ajax 调用?

0 投票
1 回答
14560 浏览

jquery - 在jquery的多选下拉列表中动态添加内容

我对带有复选框的下拉菜单中的多项选择有一些疑问。每当我在 jquery 中上传图像时,我想在下拉列表中动态添加内容。如何使用新数据刷新下拉列表?

获得新数据后,我尝试刷新多选,但这会引发错误。

未捕获的错误:多选小部件实例(...)没有这样的方法“重建”

0 投票
0 回答
420 浏览

javascript - jQuery UI 多选小部件不起作用

我正在应用 jquery UI Multiselect Widget 来过滤Oleg's answer中的 jqGrid 。它工作正常。但是在使用具有两个相似列的 2 个网格时会出现问题。

这些列(在两个不同的网格中)具有相同的“名称”属性值。所以这两个过滤器的元素 ID 是相同的。因此,当我选择第二个网格的多选过滤器的值时,效果会发生在第一个网格的过滤器上。

示例:在以下屏幕截图中,如果我选择过滤器 2 的值,则会选择过滤器 1 的相同值。

在此处输入图像描述

在此处输入图像描述

网格 1 列模型:

网格 2 列模型

无论如何要自定义过滤器的ID或类似的东西来防止这个问题?

0 投票
2 回答
124 浏览

html - 由于“多个”属性背景颜色变为灰色

由于“多个”属性,背景颜色变为灰色,但仅适用于最后选择的“选项”。