PHP ve jQuery ile dinamik eleman id

0 Cevap php

Tamam bu biraz kafa karıştırıcı olabilir, ama burada gider olabilir. Diyelim ki bir sayfa aa birkaç seçme dropdowns var diyelim.

<select id="filter" name="filter[]">
        <option value="">-- Select Filter --</option>
    </select>

    <select id="load_choice" name="load_choice[]">
        <option value="">-- Select Load_choice --</option>
    </select>

    <select id="plastic" name="plastic[]">
        <option value="">-- Select Plastic --</option>
    </select>

Bu dinamik bir ajax isteği ile bir veritabanından doldurulur. Seçenek Her set önceki seçime bağlıdır. Bu, tüm seçme dropdowns sadece bir pasajı, ama aslında kendi seçimleri bir "ürün" oluşturur. İşte (DB bağlanır) php bağlanan javascript.

$(document).ready(function() {
$('#filter').change(function(){

        $('#load_choice').fadeOut();
        $('#loader').show();

        $.post("ajax/ajax_load_choice.php", {
            country: $('#country').val(),
            filter: $('#filter').val()
        }, function(response){
            setTimeout("finishAjax('load_choice', '"+escape(response)+"')", 400);
        });
        return false;
    });


    $('#load_choice').change(function(){

        $('#plastic').fadeOut();
        $('#loader').show();

        $.post("ajax/ajax_plastic.php", {
            country: $('#country').val(),
            filter: $('#filter').val(),
            load_choice: $('#load_choice').val()
        }, function(response){
            setTimeout("finishAjax('plastic', '"+escape(response)+"')", 400);
        });
        return false;
    });


    $('#plastic').change(function(){

        $('#UG_tipping').fadeOut();
        $('#loader').show();

        $.post("ajax/ajax_UG.php", {
            country: $('#country').val(),
            filter: $('#filter').val(),
            load_choice: $('#load_choice').val(),
            plastic: $('#plastic').val()
        }, function(response){
            setTimeout("finishAjax('UG_tipping', '"+escape(response)+"')", 400);
        });
        return false;
    });

    });

    function finishAjax(id, response){
     $('#loader').hide();
     $('#'+id).html(unescape(response));
     $('#'+id).fadeIn();
    }
}

ŞİMDİ, en ben (her seçmek için İSMİ etiketi dolayısıyla dizi) aynı sayfada "Başka bir ürün yaratmak" amacıyla aynı seçme seçenekleri ile aynı formda başka eklemek istiyorum diyelim. Form benzersiz kimlikleri bağımlı olduğundan, nasıl kod dinamiğin bu öbekte kimlikleri yapabilir?

$('#filter').change(function(){

        $('#load_choice').fadeOut();
        $('#loader').show();

        $.post("ajax/ajax_load_choice.php", {
            country: $('#country').val(),
            filter: $('#filter').val()
        }, function(response){
            setTimeout("finishAjax('load_choice', '"+escape(response)+"')", 400);
        });
        return false;
    });

Kullanıcı 5 ürünler oluşturmak, böylece ben sonunda bu grupları seçin 5 takım olacak. Nasıl o yüzden $ ('# filtre') ile denk id = "filter1" ve id = "filter2" yapmak zorunda değilsiniz yapacak. Değişiklik (function. ... falan filan. Temelde, can I Bir jquery fonksiyon dinamikle kimlikleri yapmak?

0 Cevap