none
How to Get Values in HTML Select tag using jquery ajax with Web Api RRS feed

  • Question

  • Hi, i am atlearning phase and i want to fill the select tag with values using Web Api. 

    Here is Controller 

                                                                      

     public JsonResult testsearchlist(string ID)
            {


                    Dictionary<string, string> param = new Dictionary<string, string>();

                    param.Add("ID", ID);
                    var api = Common.ReadFromAPI<API>(ServerConfig.server_path+"/api/Test/GetList", "Get", param);
                    var res = api.Response["Response"];
                    string r = JsonConvert.SerializeObject(res);
                    var results = JsonConvert.DeserializeObject<TestSearch>(r);
                    return Json(new { TotalItems = results.TotalItems, List = results

                    });

            }

    Here is HTML

    <select class="select form-control input-lg" id="testlist">
                                    <option selected disabled>Choose the Test</option>
                                </select>

    ajax jquery

     <script>
            $(document).ready(
                function () {
                    $(window).load(function () {
                      
                        $.ajax({
                            
                            url: "/api/Test/GetList",
                            type: "POST",
                            contentType: "application/json;charset=utf-8",
                            dataType: "json",
                            success: function (data) {
                                var res = data.List;
                                var llist = res.testList;
                                var html = "<option disabled selected>Please Select Lab</option>";
                                $.each(llist, function (index, item) {
                                    html += "<option value='" + item.testId + "'>" + item.testName + "</option>";
                                });
                                $("#testlist").html(html);
                               
                            },
                            error: function (errormessage) {


                            }
                            });
                    });
                });
    </script>

    • Moved by Fei Hu Tuesday, March 27, 2018 7:31 AM Asp.Net related
    Monday, March 26, 2018 1:46 PM

All replies

  • Your code seems fine to me, what is the exact problem? can you please brief a bit?

    Also please use proper Code Tags to format your code properly here. 

    Thanks

    Monday, March 26, 2018 5:36 PM
  • Your issues can be discussed at the ASP.NET forums.

    http://forums.asp.net/

    Monday, March 26, 2018 9:01 PM