/Javascript/jQuery/Jquery dropdownlist from mvc jsonresult list

Jquery dropdownlist from mvc jsonresult list

// mvc
 List<SelectListItem> corgCodeLst = new List<SelectListItem>();

 // List of carrier org code from Store procedure
 var orgCodes = containerObj.GET_CW1_SCAC_ORGCODE(scac);

// Translate it to the selectlist item
                    foreach (var item in orgCodes)
                    {
                        corgCodeLst.Add(new SelectListItem
                        {
                            Text = item.SCAC,
                            Value = item.OrgCode
                        });
                    }
   
   // return as Json , focus only on the orgcode , others is differnet purpose here
    return Json(new { orgcode = corgCodeLst, ckey = cKey, cr = carrier, sc = scac, or = cOrgCode, r = result }, JsonRequestBehavior.AllowGet);     

// view
$.ajax({
                url: '@Url.Action("yourmethid", "mvccontroller")' ,
                data: JSON.stringify(parm),
                type: "POST",
                dataType: "json",
                contentType: 'application/json; charset=utf-8',
                success: function (res) {
                  
                        $('#IC_ContainerKey').val(res.ckey);
                        $('#txtCarrier').val(res.cr);
                        $('#txtSCAC').val(res.sc);
                       
                        $('#ddlOrg').find('option').remove();
                        $(res.orgcode).each(function (index, item) {
                            $("#ddlOrg").append($('<option></option>').val(item.Text).html(item.Value));
                        });
                        $("#ddlOrg").chosen("destroy").chosen();
                      },
              
            });


// html
<select class="dropdown" id="ddlOrg"></select>

Similar codes

0 vote142 views1 answer
Jquery read dropdown in table cell
Javascript jQuery
2 votes121 views2 answers
Get response from form jquery
Javascript jQuery
27 votes126 views6 answers
Jquery select by data attribute
Javascript jQuery
23 votes127 views2 answers
Jquery loop all elements with class
Javascript jQuery
2 votes105 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery
0 vote119 views1 answer
Jquery is child of
Javascript jQuery
0 vote127 views1 answer
Get closest parent tr table row jquery
Javascript jQuery
1 vote113 views1 answer
Jquery get element by id from variable
Javascript jQuery
0 vote117 views1 answer
Jquery success refresh page
Javascript jQuery
0 vote113 views1 answer
Jquery trigger event when scroll to div
Javascript jQuery