TOGOUTECH

javascript - Select2 相关下拉列表

coder 2024-05-16 原文

我正在尝试使用 Select2 插件来获得 4 个相互依赖的下拉列表。我一直在努力寻找正确的方法来更新加载选项的数据。

我的目标是通过 ajax 加载新数据,但是一旦我在客户端中拥有它,我就无法将新数据添加到选择列表中。

我试过的代码在这里:

$(#"a3").select2({
    placeholder: "select an item",
    allowClear: true}).on("change",
    function (e) {
         var results = $.get("url?id=2",
            function (data, textStatus, jqXHR) {
                $(this).select2({ data: { results: data, text: "Name" } });
        });
    }
); 

这里还有一个问题 select2 changing items dynamically 但是那里的解决方案适用于 Select2 v3.2 但不适用于 Select2 v3.3

最佳答案

Igor 告诉了我一个方法

var data=[...];    
$().select2({data: function() {return {results:data};}});    
/// later    
data=[...something else];    
// next query select2 will use 'something else' data

关于javascript - Select2 相关下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14797261/

有关javascript - Select2 相关下拉列表的更多相关文章

  1. javascript - 如何多次循环遍历数组项 - 2

    所以,如果我想记录一次数字1到5,我可能会这样写:vararray=[1,2,3,4,5]functionloop(n){for(vari=0;i<n;i++){console.log(array[i])}}loop(5)但是我如何不止一次地记录数字1到5?例如写循环(10);得到以下结果:1个2个3个4个5个1个2个3个4个5显然,目前我对loop(5)以上的任何内容都“未定义” 最佳答案 使用remainderoperator:functionloop(n){for(vari=0;i<n;i++){console.l

  2. c# - Knockoutjs 绑定(bind)对象问题 - 2

    我正在研究knockoutjs并遇到一些问题。我有一个ASP.NETMVC页面,其中一个方法返回三个Car对象的列表是JSON。我将它映射到HTMLView中的select并且我想在选择更改时显示所选汽车的成本。问题是汽车的名称是可见的,而价格是不可见的('Mercedes-Benzcosts.')。它可能是什么?提前致谢!Controller:publicclassCar{publicstringMake{get;set;}publicdecimalPrice{get;set;}}publicJsonResultGetCars(){List<Car>cars=newLis

  3. javascript - 为什么我可以使用 Javascript 在 keydown 而不是 keyup 上阻止默认事件? - 2

    使用.keydown时我可以捕获按键事件,然后检查并防止默认操作(显示字符)。使用.keyup时我不能?我知道事件被捕获为alert()当代码在条件内但preventDefault()时触发不会阻止操作。这是完整的DEMO 最佳答案 在keyup事件中,字符已被输入且无法撤消,但在keydown中,没有输入任何内容,浏览器有intent键入字符,以便您可以取消浏览器意图。每当您键入一个字符时,都会发生以下事件:keydown-->keypress重复直到释放键-->keyupkeydown->可以阻止->当按下一个键时触发keypr

  4. javascript - 从 ajax jquery post 响应中获取 <h2> 元素内的文本 - 2

    有什么方法可以获取元素内的文本,该元素是来自ajaxjquery加载的响应。我需要从ajax页面获取响应文本中存在的元素内的文本。以下是我的ajax代码:varurl='...';varsaveData=$.ajax({type:'POST',url:url,data:{data:data},dataType:"text",success:function(resultData){callback(resultData);//needtogetthe<h2>texthere..}});saveData.error(functi

  5. javascript - 带有 src 的脚本标签和脚本标签之间的代码 - 2

    以下是有效的javascript吗?该变量是否可用于外部调用的脚本?<scriptsrc="//blah">varsomething="";</script>背景:我已经看到这个用于自动生成的分析代码(不是谷歌),这真的让我很烦所以想知道我是否可以修复这个或者这个变量是否会以某种方式被外部引用的脚本使用。 最佳答案 读这个,http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.1Thescriptmaybedefined

  6. javascript - NodeJs 使用 ExpressJs : TypeError: string is not a function at Function. app.render - 2

    我刚开始学习Node,我正在尝试使用Node和Express构建Web应用程序。我的app.js文件中有以下代码,具有以下目录结构。目录结构:appassetscontrollermodelviewindex.jadeglobalnode_modulesapp.jspackage.json-js-varexpress=require('express');varapp=express();app.configure(function(){app.set('view',__dirname+'/app/view');app.set('

  7. javascript - 如何在 ember.js 中的同一路由中设置多个 Controller ? - 2

    我对ember.js比较陌生。我有两个模型User和RoleApp.User=DS.Model.extend({name:DS.attr('string'),roles:DS.hasMany('role')});App.Role=DS.Model.extend({name:DS.attr('string')});在我的应用程序中,我需要为一个用户分配和/或删除Angular色。为此,我需要循环并比较两个Controller-Angular色(来自用户有Angular色)与所有可用Angular色我通过在user/edit模板中执行此操作来

  8. javascript - JavaScript Alert() 函数中的单引号转义 - 2

    我正在通过javascriptalertfunction显示一些法语行,法语行看起来像:S'ilvousplaîtaccepterlestermesetconditionsavantdeprocéder页面源代码中的警告看起来像:alert('S'ilvousplaîtentreruneadresseemailvalide!');Firebug显示如下错误消息:SyntaxError:missing)afterargumentlist我尝试像下面这样转义法语行:alert('S\\'ilvousplaîtentreruneadressee

  9. javascript - 使用鼠标在 Canvas 中旋转图像 - 2

    在我的代码中,我将图像加载到Canvas中。然后我需要调整大小、旋转和拖动它。我设法实现了拖动和调整大小。如何在此代码上使用鼠标实现旋转(沿着图像的中心)。我的HTML页面:<!doctypehtml><html><head><linkrel="stylesheet"type="text/css"media="all"href="css/reset.css"/><!--resetcss--><scripttype="text/javascript&#

  10. javascript - 如何在人力车的 X 轴上绘制日期 - 2

    我有一组日期数据。我应该提供什么值的X轴值?如何让Rickshaw将X数据值显示为日期?我查看了文档和示例,但找不到任何东西。 最佳答案 我刚开始使用人力车并且遇到了确切的情况。但是,在我进一步讨论之前,Rickshaw文档几乎不存在,这非常令人沮丧,因为与其他JS图形库相比,Rickshaw的性能非常出色。查找示例的最佳方法是深入研究源代码,并在他们的github页面上尝试理解事物的示例代码(而不是文档应有的方式)。话虽如此,让我们尝试在StackOverflow上建立一个强大的问题/答案基础!所以,回到问题:)看来您已经找到了自

随机推荐

  1. javascript - 如何多次循环遍历数组项 - 2

    所以,如果我想记录一次数字1到5,我可能会这样写:vararray=[1,2,3,4,5]functionloop(n){for(vari=0;i<n;i++){console.log(array[i])}}loop(5)但是我如何不止一次地记录数字1到5?例如写循环(10);得到以下结果:1个2个3个4个5个1个2个3个4个5显然,目前我对loop(5)以上的任何内容都“未定义” 最佳答案 使用remainderoperator:functionloop(n){for(vari=0;i<n;i++){console.l

  2. c# - Knockoutjs 绑定(bind)对象问题 - 2

    我正在研究knockoutjs并遇到一些问题。我有一个ASP.NETMVC页面,其中一个方法返回三个Car对象的列表是JSON。我将它映射到HTMLView中的select并且我想在选择更改时显示所选汽车的成本。问题是汽车的名称是可见的,而价格是不可见的('Mercedes-Benzcosts.')。它可能是什么?提前致谢!Controller:publicclassCar{publicstringMake{get;set;}publicdecimalPrice{get;set;}}publicJsonResultGetCars(){List<Car>cars=newLis

  3. javascript - 为什么我可以使用 Javascript 在 keydown 而不是 keyup 上阻止默认事件? - 2

    使用.keydown时我可以捕获按键事件,然后检查并防止默认操作(显示字符)。使用.keyup时我不能?我知道事件被捕获为alert()当代码在条件内但preventDefault()时触发不会阻止操作。这是完整的DEMO 最佳答案 在keyup事件中,字符已被输入且无法撤消,但在keydown中,没有输入任何内容,浏览器有intent键入字符,以便您可以取消浏览器意图。每当您键入一个字符时,都会发生以下事件:keydown-->keypress重复直到释放键-->keyupkeydown->可以阻止->当按下一个键时触发keypr

  4. javascript - 从 ajax jquery post 响应中获取 <h2> 元素内的文本 - 2

    有什么方法可以获取元素内的文本,该元素是来自ajaxjquery加载的响应。我需要从ajax页面获取响应文本中存在的元素内的文本。以下是我的ajax代码:varurl='...';varsaveData=$.ajax({type:'POST',url:url,data:{data:data},dataType:"text",success:function(resultData){callback(resultData);//needtogetthe<h2>texthere..}});saveData.error(functi

  5. javascript - 带有 src 的脚本标签和脚本标签之间的代码 - 2

    以下是有效的javascript吗?该变量是否可用于外部调用的脚本?<scriptsrc="//blah">varsomething="";</script>背景:我已经看到这个用于自动生成的分析代码(不是谷歌),这真的让我很烦所以想知道我是否可以修复这个或者这个变量是否会以某种方式被外部引用的脚本使用。 最佳答案 读这个,http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.1Thescriptmaybedefined

  6. javascript - NodeJs 使用 ExpressJs : TypeError: string is not a function at Function. app.render - 2

    我刚开始学习Node,我正在尝试使用Node和Express构建Web应用程序。我的app.js文件中有以下代码,具有以下目录结构。目录结构:appassetscontrollermodelviewindex.jadeglobalnode_modulesapp.jspackage.json-js-varexpress=require('express');varapp=express();app.configure(function(){app.set('view',__dirname+'/app/view');app.set('

  7. javascript - 如何在 ember.js 中的同一路由中设置多个 Controller ? - 2

    我对ember.js比较陌生。我有两个模型User和RoleApp.User=DS.Model.extend({name:DS.attr('string'),roles:DS.hasMany('role')});App.Role=DS.Model.extend({name:DS.attr('string')});在我的应用程序中,我需要为一个用户分配和/或删除Angular色。为此,我需要循环并比较两个Controller-Angular色(来自用户有Angular色)与所有可用Angular色我通过在user/edit模板中执行此操作来

  8. javascript - JavaScript Alert() 函数中的单引号转义 - 2

    我正在通过javascriptalertfunction显示一些法语行,法语行看起来像:S'ilvousplaîtaccepterlestermesetconditionsavantdeprocéder页面源代码中的警告看起来像:alert('S'ilvousplaîtentreruneadresseemailvalide!');Firebug显示如下错误消息:SyntaxError:missing)afterargumentlist我尝试像下面这样转义法语行:alert('S\\'ilvousplaîtentreruneadressee

  9. javascript - 使用鼠标在 Canvas 中旋转图像 - 2

    在我的代码中,我将图像加载到Canvas中。然后我需要调整大小、旋转和拖动它。我设法实现了拖动和调整大小。如何在此代码上使用鼠标实现旋转(沿着图像的中心)。我的HTML页面:<!doctypehtml><html><head><linkrel="stylesheet"type="text/css"media="all"href="css/reset.css"/><!--resetcss--><scripttype="text/javascript&#

  10. javascript - 如何在人力车的 X 轴上绘制日期 - 2

    我有一组日期数据。我应该提供什么值的X轴值?如何让Rickshaw将X数据值显示为日期?我查看了文档和示例,但找不到任何东西。 最佳答案 我刚开始使用人力车并且遇到了确切的情况。但是,在我进一步讨论之前,Rickshaw文档几乎不存在,这非常令人沮丧,因为与其他JS图形库相比,Rickshaw的性能非常出色。查找示例的最佳方法是深入研究源代码,并在他们的github页面上尝试理解事物的示例代码(而不是文档应有的方式)。话虽如此,让我们尝试在StackOverflow上建立一个强大的问题/答案基础!所以,回到问题:)看来您已经找到了自