![](/img/trans.png)
[英]Filter Data based on Multiple Select option with ajax jquery php
[英]Select option based on data that comes with ajax
我在 html 頁面上創建了一個用於編輯樣式的表單。 我使用 ajax 將數據提取到此表格中。 在我的 select 框列表中,我想要選擇數據庫中的任何數據。 其他人不會消失。 該列表將保持不變,但將選擇數據庫中的數據。 不知怎的,我做不到。 我該怎么做?
讀取.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">×</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>
請研究我所做的帖子 - 如果 PHP 有效,它是一個沒有任何不必要的 AJAX 的 [mcve],它有效並且在問題中不需要
您需要 select 上的 ID:
$("#duz_durum")
使用 id。 如果你需要名字,你需要$("[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">×</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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.