• 15-03-2013, 22:58:10
    #1
    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.
  • 16-03-2013, 11:05:17
    #2
    sorun şu; + ya tıklandığında belli bir divin içindekilerin aynılarını alt tarafına ekliyorsun. böyle olunca ne oluyor? üsttekiler ile alttakileri id'leri, name'leri aynı oluyor.

    yani alt tarafa klonladığın seçeneklerin id veya name lerini farklı yapacaksın ki alttaraftakiler bağımsız çalışabilsin.
  • 16-03-2013, 11:28:00
    #3
    Sorunumu şurada hallettim arkadaşlar. Bir diğer konu da fikir almak istiyorum.

    Dizi olarak aldığım öğeleri nasıl düzenli bir tablo haline getirebilirim?