Jquery hover olayına bakabilirsin.
Çok ilginç bir durum var. Kodların tamamını eski haline getirmiş olmama rağmen selectteki Durum Seçiniz'in hemen altındakini optionı gösteriyor. Ama kodların hepsi eski halinde.
$("#duz_sira").val(response.sira);
$("#duz_durum").change(function () {
document.getElementById("#duz_durum").innerHTML=$("#duz_durum option:selected").text(response.durum);
});
$("#id").val(id);
Bu şekilde ekrana yazdırdım ama sadece aktif olarak yazıyor, herhangi bir değer atamadım üstelik. Console'da durumun değeri olarak pasif yazmasına rağmen selectde aktif yazıyor :/
id:98,type:marka
key:durum,value:aktif
key:sira,value:3
Console sonucum, maalesef yine çalışmadı. Sizi de çok yordum, kusura bakmayın lütfen. Sorunumun sadece bir ifle çözüleceğini düşünüyorum ama nasıl olacağını bilmiyorum, bulamıyorum da.
Çünkü veri modala geliyor, görüyorum console dan. Sadece selectdeki optina selected özelliği gelmiyor. Phpdeki gibi basit bir ifle çözülürmüş gibi geliyor ama denedim, olmadı.
Denedim, işe yaramıyor. Console'da hala bilgi var ama
Altalta üçüncü mesaj olacak, kusura bakmayın ama düzenle butonu çalışmıyor sanırım sayfada.
Benim veriyi çekmede bir sorunum yok aslında. Console da görüyorum, veri sayfaya geliyor. Sadece phpdeki gibi bir şart ile selected işlemi vermem lazım selectime ama nasıl yapacağımı bilmiyorum. Kaç konu okudum bununla alakalı ama bulamadım. Belki de ben bulamıyorum.
Ajax kullanmak zorundayım. Çünkü bu düzenleme formu modalın içerisinde. Modaldaki tüm işlemleri ajaxtan phpye göndererek, phpden ajaxa çekerek yapıyorum.
Bunu phpde kullanıyorum zaten ama ben bu modal içerisindeki tüm verileri ajax ile çekiyorum. Bu yüzden php koduna yazdığım if sorgusu iş görmüyor.
Kusura bakmayın, selectimin id değeri var normalde, buraya atarken kodların bir kısmını sildim, o ara unuttum herhalde. Haklısınız yoksa, idsiz olmaz.
Kusura bakmayın, düşünemedim. Kodlarım aşağıdaki gibidir.
index.php:
<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" 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>
<script type="text/javascript">
$(document).ready(function () {
/********************** MODAL AÇMA **********************/
$(document).on('click' , '.bn-edit' ,function(){
var id = this.id;
console.log("id:"+id+",type:marka");
$.ajax({
type: "GET",
url: "read.php?id="+id+"&type=marka",
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);
}
});
});
});
</script>
read.php:
case "marka":
if(isset($_REQUEST["id"])){
$result = $mk_db->oku("marka", " 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;