• 03-08-2014, 19:05:34
    #1
    Üyeliği durduruldu
    Merhaba arkadaşlar şimdi şöyle bir sorunum var.Aslında ben 1 tane selectbox varsa yazıyor veya ilk geleni yazıyor ben birden fazla listeleme yapıyorum.

    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script>       
    $(document).ready(function() {
        $("#selectbox").change(function () {
            var str_value = $(this).val();
            $("#yaz").html('<img src="'+str_value+'">')
    	
        });
    });
    </script>
    <div class="eklemedurum">
    <select name="selectbox" id="selectbox">
    
    <option value="resim.jpg">Resim 1</option>
    <option value="resim2.jpg">Resim 2</option>
    </select>
    </div>
    <div class="filmposter" id="yaz"></div>
    şimdi üstteki kısımdan 20 tane listeleniyor ben bunu nasıl her birinin id sine göre yazdırabilirim php ile id yazdırabiliyorum ama jquerydeki methodu nedir ?
  • 03-08-2014, 19:46:38
    #2
    Eğer yanlış anlamadıysam 20 adet <div class="eklemedurum"> ile başlayan html iniz var ona göre aşağıdaki haliyle işinizi görür.

    <div class="eklemedurum">
    <select name="selectbox" class="selectbox">
    <option value="resim.jpg">Resim 1</option>
    <option value="resim2.jpg">Resim 2</option>
    </select>
    </div>
    <div class="filmposter"></div>
    $(document).ready(function() {
        $(".eklemedurum").each(function () {
            $(".selectbox").change(function () {
                var str_value = $(this).val();
                $(this).closest("div").next(".filmposter").html('<img src="'+str_value+'">');  
            });
        });
    });
    - Selectbox taki id class olarak değişti
    - id="yaz" gereksiz olduğu için kaldırıldı.
  • 03-08-2014, 20:01:12
    #3
    Üyeliği durduruldu
    Hapsher adlı üyeden alıntı: mesajı görüntüle
    Eğer yanlış anlamadıysam 20 adet <div class="eklemedurum"> ile başlayan html iniz var ona göre aşağıdaki haliyle işinizi görür.

    <div class="eklemedurum">
    <select name="selectbox" class="selectbox">
    <option value="resim.jpg">Resim 1</option>
    <option value="resim2.jpg">Resim 2</option>
    </select>
    </div>
    <div class="filmposter"></div>
    $(document).ready(function() {
        $(".eklemedurum").each(function () {
            $(".selectbox").change(function () {
                var str_value = $(this).val();
                $(this).closest("div").next(".filmposter").html('<img src="'+str_value+'">');  
            });
        });
    });
    - Selectbox taki id class olarak değişti
    - id="yaz" gereksiz olduğu için kaldırıldı.
    Hocam yardımınız için çok teşekkür ederim sabahtan beri yapmadığım şey kalmamıştı çok sağolun.
  • 03-08-2014, 20:02:12
    #4
    Rica ederim, kolay gelsin.