Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将数据从ajax加载到选定的jquery?_Javascript_Jquery_Html_Select_Jquery Chosen - Fatal编程技术网

Javascript 如何将数据从ajax加载到选定的jquery?

Javascript 如何将数据从ajax加载到选定的jquery?,javascript,jquery,html,select,jquery-chosen,Javascript,Jquery,Html,Select,Jquery Chosen,我已经选择了在。好的,我正在测试从ajax加载数据。我在任何地方都能找到,也许没有人能成功 $document.readyfunction{ $.cb_bu_info.selected{ 宽度:95%, 资料来源:函数数据{ $.ajax{ 类型:POST,, url:../BUS/WebService.asmx/LIST\u BU, contentType:application/json;字符集=utf-8, 数据类型:json, 成功:函数数据{ $cb_info.html; //$.e

我已经选择了在。好的,我正在测试从ajax加载数据。我在任何地方都能找到,也许没有人能成功

$document.readyfunction{ $.cb_bu_info.selected{ 宽度:95%, 资料来源:函数数据{ $.ajax{ 类型:POST,, url:../BUS/WebService.asmx/LIST\u BU, contentType:application/json;字符集=utf-8, 数据类型:json, 成功:函数数据{ $cb_info.html; //$.each$.parseJSONdata.d,函数idx,obj{ $.eachdata,函数idx,obj{ $cb_info.append+obj.BU_NAME+; }; //$cb_info.triggerlistzt:更新; }, 错误:函数数据{ 控制台.logdata.d; } }; } }; $cb_info.triggerlistzt:更新; };
签出所选文档后,似乎没有源选项。您需要做的是首先运行Ajax调用,然后填充select选项。一旦select全部填充完毕,然后在该select元素上运行select

我将使用以下JS代码:

var url = "../BUS/WebService.asmx/LIST_BU";
$.getJSON(url, function(json){
    var $select_elem = $("#cb_info");
    $select_elem.empty();
    $.each(json, function (idx, obj) {
        $select_elem.append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
    });
    $select_elem.chosen({ width: "95%" });
})

我已经换了你的JSFIDLE。试试这个

我已将所选内容移至底部

$("#cb_info").empty();
$.each(data, function (idx, obj) {
    $("#cb_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
}); 
  $("#cb_info").trigger("liszt:updated");

$("#cb_info").chosen();

好的,经过一段时间,在大家建议的帮助下,我完成了

 function load_cb_info() {
            $.ajax({
                type: "POST",
                url: "../BUS/WebService.asmx/LIST_BU",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    $("#cb_info").html('');
                    $.each($.parseJSON(data.d), function (idx, obj) {
                    //$.each(data, function (idx, obj) {
                        $("#cb_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>');
                    });
                    $("#cb_info").trigger("liszt:updated");
                    $("#cb_info").chosen({ width: "95%" });
                },
                error: function (data) {
                    console.log(data.d);
                }
            });
        }

而且,我认为这是一个答案,其他人都能找到。谢谢。

您可以尝试以下方法。它对我很有效

$.ajax({
        type: "POST",
        url: url,
        data: formData,
        processData: false,
        contentType: false,
        success:function(data){
            if($.trim(data) != "no"){
                $("#PROGRAM_ID").html(data);
                $("#PROGRAM_ID").trigger("chosen:updated");
            }               
        }
    });
试试这个。它适合我。请注意粗体字


你必须先做一个var data=JSON.parseobj;然后是data.BU_ID。它将在@Gagan Jaura工作。你确定吗?是的。当然。如果你能做一个jsFiddle,那么我可以告诉你怎么做。你在控制台上得到JSON响应吗。Ajax成功的日志数据?你能回答CodeGodie答案吗?关键是数据。是的,它是正确的。不是源代码。我不知道rstand as you say 1:运行ajax并绑定数据选择。2:运行选择作为选择。如果您只是简单地获取JSON,我会使用$.getJson代替。谢谢,我会记下并记住它。这是这个问题的答案。我很高兴我能够提供帮助。谢谢您并小心。这对我有帮助,尽管是间接的。在我的情况下,下拉列表绑定很好,但选择了它在使用ajax处理数据的函数之后,它似乎不起作用。可能Selected没有获取数据。在数据绑定到dropdow后在函数内部启动Selected调用就起作用了。你真的需要那个触发器函数吗?不。实际上我只是用他的小提琴使它起作用。不需要那个触发器函数。亲爱的Gagan,我想它应该现在就这么做,我发现我需要触发器。不过请注意,根据我必须使用$cb_info.triggerSelected:updated;。
Ext.Ajax.request({
url:'<?php echo base_url()."index.php/";?>ttemuan31a/cari_divisi',
method:'post',
params:{

        divisi:vdivisi

    },
success:function(data)
{
    $("#divisi").chosen();
        //document.getElementById('detail_divisi').innerHTML=response.responseText;
    $('#divisi').empty();

    $.each(JSON.parse(**data.responseText**), function(i, item) {
        $('#divisi').append('<option value="'+item.id+'">'+item.namadivisi+'</option>');
        $("#divisi").trigger("chosen:updated");
    });
    }
});
}