如何使用JqGrid更改select2下拉列表的选定值?

亚当·K·迪恩

我正在使用Oleg的select2演示程序,但是我想知道是否有可能在下拉菜单中更改当前选择的值。

例如,如果加载的四个值是:"Any", "Fruit", "Vegetable", "Meat"并且下拉列表默认为"Any",则如何"Fruit"在JqGrid事件中将其更改为loadComplete

这可能吗?

泛管道

对于select2版本> = 4.0.0

其他解决方案可能不起作用,但是以下示例应该起作用。

解决方案1:触发所有附加的更改事件,包括select2

$('select').val('1').trigger('change');

解决方案2:导致仅select2更改事件触发

$('select').val('1').trigger('change.select2');

有关这些示例,请参见此jsfiddle感谢@minlare提供解决方案2。

说明:

假设我有一个最好的朋友,请选择人名。因此,Bob,Bill和John(在此示例中,我假设Value与名称相同)。首先,我在自己的选择上初始化select2:

$('#my-best-friend').select2();

现在,我在浏览器中手动选择Bob。接下来鲍勃做了一些调皮的事,我不再喜欢他了。因此系统为我取消选择了Bob:

$('#my-best-friend').val('').trigger('change');

或说我让系统选择列表中的下一个而不是Bob:

// I have assume you can write code to select the next guy in the list
$('#my-best-friend').val('Bill').trigger('change');  

关于Select 2网站的注释(请参阅不建议使用和删除的方法),可能对其他人有用:

.select2('val') “ val”方法已被弃用,并将在Select2 4.1中删除。不推荐使用的方法不再包含triggerChange参数。

您应该改为直接在基础元素上调用.val。如果需要第二个参数(triggerChange),则还应该在元素上调用.trigger(“ change”)。

$('select').val('1').trigger('change'); // instead of $('select').select2('val', '1');

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Select2下拉菜单,但允许用户使用新值吗?

Select2下拉更改事件不起作用

Select2下拉菜单允许用户输入新的值

jQuery-克隆表行时禁用select2下拉列表

通过javascript / jquery关闭select2下拉列表

使用Ajax时清除select2下拉列表的正确方法是什么?

如何使用ng-select默认设置angualr2下拉列表中的选定值?

select2下拉列表是否支持使用ajax并允许用户输入新值?

如何使用水豚来选择select2下拉字段

要以逗号分隔的Select2下拉菜单的选定文本。

在yii2的select2下拉菜单中设置默认值

在select2下拉列表中预填充选定的选项

如何在每个新请求中使用Ajax数据源进行select2下拉?

单击硒中的select2下拉列表时出现问题

从select2下拉列表中选择某个选项后触发动作

使用Struts标记在UI中无法正确显示Select2下拉列表

使用JS click()打开Select2下拉列表

如何使用Ajax在select2下拉列表中更新数据

Select2下拉选择框的样式

在jQuery datepicker上初始化select2下拉列表

$ scope。$ digest()不会填充select2下拉列表

如何在单击时使Bootstrap Select2下拉列表转到所选的URL?

无法从select2下拉列表中选择结果

如何使用JQuery通过选项列表索引号更改JQuery-select2下拉列表的选定值

如何使用从Select2下拉列表中选择的选项来触发jQuery?

如何清除select2下拉列表?

如何检索存储在select2下拉列表中的数据?

select2下拉列表的jquery验证popover位置问题

带硒的select2下拉菜单