jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 更新select2数据,而不重建控件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在转换< input type =“hidden”>到SELEct2下拉列表并通过查询方法向其提供数据
$('#inputhidden').SELEct2({
    query: function( query ) {
        query.callBACk( data ); // the data is in the format SELEct2 expects and all works well..
    );
});

问题是我需要破解SELEct2 UI和位于搜索栏顶部的两个按钮,当点击时,将执行ajax调用,并将必须更新SELEct2内容

现在,我需要这些更新,而不完全重建SELEct2,而只是刷新下拉列表中的项目。我找不到一种方法来传递一组新的数据到已经创建的SELEct2控件,是可能吗?

@L_607_6@

如果你有局部数组的选项(收到通过ajax调用),我想你应该使用数据参数作为函数返回结果的选择框:
var pills = [{id:0,text: "red"},{id:1,text: "blue"}]; 

$('#SELEctpill').SELEct2({
    placeholder: "SELEct a pill",data: function() { return {results: pills}; }
});

$('#uppercase').click(function() {
    $.each(pills,function(idx,val) {
        pills[idx].text = val.text.toUpperCase();
    });
});
$('#newresults').click(function() {
    pills = [{id:0,text: "white"},text: "black"}];
});

fiddlehttp://jsfiddle.net/RVnfn/2/

如果你使用按钮自定义SELEct2接口,只需调用updateResults(这个方法不允许从SELEct2对象的外部调用,但你可以添加SELEct2中的allowedMethods数组,如果你需要)方法在更新数据数组后(例如, 。

大佬总结

以上是大佬教程为你收集整理的jquery – 更新select2数据,而不重建控件全部内容,希望文章能够帮你解决jquery – 更新select2数据,而不重建控件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。