Выберите опцию на основе данных, которые поставляются с ajax

Question

У меня есть форма, которую я создал для редактирования стиля на моей странице html. Я перетаскиваю данные в эту форму с ajax. И в моем списке выбора я хочу, чтобы любые данные в базе данных были выбраны. Другие не исчезнут. Список останется прежним, но данные в базе данных будут выбраны. Каким-то образом я не мог. Как я могу это сделать?

чтение. php

case "magaza":

   if(isset($_REQUEST["id"])){
        $result = $mk_db->oku("magaza", " id='$id' ", "", "", "");
        if(!empty($result)) {
            $responseArray["marka_adi"] = $result[0]["marka_adi"];
            $responseArray["resim"] = $result[0]["resim"];
            $responseArray["durum"] = $result[0]["durum"];
            $responseArray["sira"] = $result[0]["sira"];
            echo json_encode($responseArray);
        }
    }
    break;

$(document).ready(function() {
  /********************** MODAL AÇMA **********************/
  $(document).on('click', '.bn-edit', function() {
    var id = this.id;
    console.log("id:" + id + ",type:magaza");
    $.ajax({
      type: "GET",
      url: "read.php?id=" + id + "&type=magaza",
      success: function(response) {
        $("#edit-modal").modal('show');
        $.each(response, function(key, value) {
          console.log("key:" + key + ",value:" + value);
        })
        $("#duz_sira").val(response.sira);
        $("#duz_durum").val(response.durum);
        $("#id").val(id);
      }
    });
  });
});

<div class="modal fade duzenle" id="edit-modal">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title pl-3" id="exampleModalScrollableTitle">Markayı Düzenle</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="text-white">&times;</span>
                </button>
      </div>
      <form method="post" id="frmedit" enctype="multipart/form-data">
        <div class="modal-body pre-scrollable">
          <input type="hidden" name="id" id="id" class="form-control">
          <div class="form-group form-float mt-3">
            <div class="form-line">
              <input type="text" class="form-control" id="duz_sira" name="duz_sira" required>
              <label class="form-label">Sıra</label>
            </div>
          </div>
          <select class="form-control" name="duz_durum" id="duz_durum" required>
            <option>Durum Seçiniz</option>
            <option value="aktif">Aktif</option>
            <option value="pasif">Pasif</option>
          </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn bg-grey waves-effect iptal-butonu" data-dismiss="modal">İptal</button>
          <input type="submit" id="update" class="btn bg-purple waves-effect kaydet-butonu" value="Kaydet">
        </div>
      </form>
    </div>
  </div>
</div>

Мой консольный запрос:

Answer 1

Пожалуйста, изучите пост, который я сделал - это [mcve] без каких-либо ненужных AJAX, если PHP работает, он работает и не нужен в вопросе

Вам нужен идентификатор на выберите:

$("#duz_durum") использует идентификатор. если вам нужно имя, вам нужно $("[name=duz_durum]")

const response = {
  "marka_adi": "Marka 2",
  "resim": "",
  "durum": "aktif",
  "sira": "3"
}
// $("#edit-modal").modal('show');
$.each(response, function(key, value) {
  console.log("key:" + key + ",value:" + value);
})
$("#duz_sira").val(response.sira);
$("#duz_durum").val(response.durum);
// $("#id").val(id);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="modal fade duzenle" id="edit-modal">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title pl-3" id="exampleModalScrollableTitle">Markayı Düzenle</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="text-white">&times;</span>
                </button>
      </div>
      <form method="post" id="frmedit" enctype="multipart/form-data">
        <div class="modal-body pre-scrollable">
          <input type="hidden" name="id" id="id" class="form-control">
          <div class="form-group form-float mt-3">
            <div class="form-line">
              <input type="text" class="form-control" id="duz_sira" name="duz_sira" required>
              <label class="form-label">Sıra</label>
            </div>
          </div>
          <select class="form-control" name="duz_durum" id="duz_durum" required>
            <option>Durum Seçiniz</option>
            <option value="aktif">Aktif</option>
            <option value="pasif">Pasif</option>
          </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn bg-grey waves-effect iptal-butonu" data-dismiss="modal">İptal</button>
          <input type="submit" id="update" class="btn bg-purple waves-effect kaydet-butonu" value="Kaydet">
        </div>
      </form>
    </div>
  </div>
</div>