Merhaba arkadaşlar. Aşağıdaki gibi bir uygulamam var. Aliminyum levha yazan seçenek değiştikçe diğer özellikler de dinamik olarak değişiyor. (MySql veritabanı kullanıyorum)
+ seçeneğine tıklandığı zaman aynı öğelerden birer tane daha alıyorum aşağıya.
Fakat birinci seçenek yani (Aliminyum levha) seçeneğini değiştirdim zaman değerlen değişmiyor. İlk seçenekteki değerten hepsi etkileniyor.
Umarım anlatabilmişimdir. Dilerseniz demo da yükleyebilirim.
Javascript kodlarım şu şekilde;
<script type="text/javascript">
$(function(){
$("#ekle").click(function(){
$("#icerik").after($("#icerik").html());
});
$("select[name=kalite]").hide();
$("select[name=yuzey]").hide();
$("select[name=kaplama]").hide();
$("select[name=kalinlik]").hide();
$("select[name=en]").hide();
$("select[name=boy]").hide();
$("select[name=cins]").change(function(){
var id = $(this).val();
if(id != 0){
$.post("boy.php", {"id":id}, function(sonuc){
$("select[name=boy]").html(sonuc);
});
$.post("en.php", {"id":id}, function(sonuc){
$("select[name=en]").html(sonuc);
});
$.post("kalinlik.php", {"id":id}, function(sonuc){
$("select[name=kalinlik]").html(sonuc);
});
$.post("kaplama.php", {"id":id}, function(sonuc){
$("select[name=kaplama]").html(sonuc);
});
$.post("yuzey.php", {"id":id}, function(sonuc){
$("select[name=yuzey]").html(sonuc);
});
$.post("kalite.php", {"id":id}, function(sonuc){
$("select[name=kalite]").html(sonuc);
});
}
$("select[name=kalite]").show();
$("select[name=yuzey]").show();
$("select[name=kaplama]").show();
$("select[name=kalinlik]").show();
$("select[name=en]").show();
$("select[name=boy]").show();
});
});
</script>Sayfa içeriğindeki kodlarım da şu şekilde;
<div id="icerik">
<select name="cins">
<option value="0">Lütfen Seçiniz</option>
<?php
$cinsler = $vt->tablo("select * from cins order by baslik asc");
foreach($cinsler as $cins){
echo'
<option value="'.$cins->id.'">'.$cins->baslik.'</option>
';
}
?>
</select>
<select name="boy"></select>
<select name="en"></select>
<select name="kalinlik"></select>
<select name="kaplama"></select>
<select name="yuzey"></select>
<select name="kalite"></select></br>
</div>
<div class="buton">
<input type="button" id="ekle" value=" + "/>
<input type="submit" value="Gönder"/>
</div>Umarım anlatabilmişimdir. Vakit ayıran herkese şimdiden teşekkür ederim.