/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 vote242 views1 answer
Jquery cget lineheight in pixels
Javascript jQuery
0 vote233 views1 answer
JQuery UI droppable accept maximum number of elements
Javascript jQuery
2 votes185 views1 answer
Focus on div after click jquery
Javascript jQuery
-1 vote231 views1 answer
Jquery function called onDeleteMovie. This function should be invoked upon clicking the Delete button of each one of the movie templates
Javascript jQuery
1 vote226 views3 answers
How to get the first letter of a string in jquery
Javascript jQuery
0 vote219 views1 answer
Jquery when any key is pressed
Javascript jQuery
3 votes208 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
9 votes221 views4 answers
.empty() in jquery
Javascript jQuery
0 vote213 views2 answers
Jquery check if iframe is loaded
Javascript jQuery
18 votes222 views4 answers
Loop through object jquery
Javascript jQuery