В выпадающих данных JSON с JQuery отображается «неопределенный» результат - PullRequest
1 голос
/ 18 апреля 2019

У меня есть выбор, я хочу заполнить результат данных JSON, но данные отображаются "неопределенные". Согласно сценарию, при нажатии кнопки данные в соответствии с выбранным идентификатором будут отсортированы в раскрывающемся списке.

<select id="myDropDown" name="myDropDown"></select>
function bindItems(MarkaID) {

        var MarkaID = 136; //entering data manually
        $.ajax({
            type: 'POST',
            dataType: "json",
            data: JSON.stringify({ MarkaID: MarkaID }),
            contentType: "application/json; charset=utf-8",
            url: '/Home/GetUrunCinsleriForMarka'
        }).done(function (jsonObj) {

            var listItems = "";
            for (i in jsonObj) {

                listItems += "<option value='" + jsonObj[i].Key + "'>" + jsonObj[i].Value + "</option>";

            }
            $("#myDropDown").html(listItems);

        });
    }
[HttpPost]
        public JsonResult GetUrunCinsleriForMarka(int MarkaID)
        {
            List<SqlParameter> sqlparameters = new List<SqlParameter>();
            sqlparameters.Add(new SqlParameter("@MarkaID", MarkaID));
            var urunCinsList = db.Database.SqlQuery<UrunCinsleriForMarka>("SP_GetUrunCinsleriForMarka @MarkaID", sqlparameters.ToArray());

            return Json(urunCinsList, JsonRequestBehavior.AllowGet);
        }

Идентификатор образца данных и значение, как это

96  | Power Supply
71  | Cameras
6   | Alarm Devices
118 | Mouse
11  | Fever-measuring devices
58  | Kettle
59  | ..............
137 | ..............
139 | ..............

1 Ответ

0 голосов
/ 18 апреля 2019

Я сделал пример кода для вашей проблемы.Пожалуйста, пройдите по следующему коду:

КОД HTML:

<select id="questionNumber" class="form-control">
   <option>Select Number</option>
</select>

Код JQuery:

var result = {data:[
    {
    id:"5",
    number: "5"
  },
  {
    id: "89",
    number: "89"
  }
]}
$.each(result.data, function (key, value) {
    $("#questionNumber").append($('<option>', {
        value: value.id,
        text: value.number,
        'data-mark': value.id
    }));
});

JSFIddle Link Здесь:

https://jsfiddle.net/u5vek2jc/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...