Witam serdecznie,
Mam taką stronkę: http://tinyurl.com/ogvfdxr
Są na niej 2 pola select: rozmiar i kolor produktu.

Elementy "select" pokolorowane są Selectyze.js (jquery).
Dodaję za pomocą jquery dane z pliku php do selecta. W momencie gdy nie są one "pokolorowane" - to pola dodają się do selecta.
Po "pokolorowaniu" przestają się dodawać (widać w firegubu że są w kodzie).

Problem jest w tym, że strona nie doładowuje nowych elementów po pierwszym wczytaniu strony.

Wie ktoś może jak to naprawić?

Bardzo proszę o pomoc,
Northwest

Pewnie po odebraniu danych z AJAXa musisz ponownie wywołać:

[JAVASCRIPT] pobierz, plaintext 
$('#twoj-magiczny-select').selectize();
[JAVASCRIPT] pobierz, plaintext 

Niestety nie pomogło. Dodałem Twój kod i teraz wyświetla wyniki - ale nie w select (zerknij na link proszę z wiadomości powyżej - tam widać co wyszło)

Ustawienie Selectyze daj jako callback ajaxa, żeby wywołało się jak juz są dane a nie przed.
Btw po co doładowujesz na starcie ajaxem skoro możesz od razu przez php to wypluć?

Po wyborze rozmiaru będę doładowywał dostępność kolorów itp. - dlatego od razu próbuję to zrobić w ajaxie

Mógłbyś mi napisać tego callbacka? Przepraszam, ale aż tak zaawansowany nie jestem w jquery

Pokaż tutaj jak pobierasz dane ajaxem i jak ustawiasz selectyze na #aj_rozmiar

Dane na starcie:

[PHP] pobierz, plaintext 
var randomp = Math.round(Math.random() * 99999) + Math.round(Math.random() * 100000);           
    $.get("<?php echo $gt_myurl ?>product_details.php", {poziom: 0, city: randomp, wartosc: '', produkter: <?php echo $post_id;?>}, function(data1) { 
        $( "#dokoszyka" ).hide();
        $( "#dokoszyka_zaslepka" ).hide();
        var myArray = data1.split('|');
        $(".aj_rozmiarX").val(myArray[0]); // pierwszy rozmiar ID
        $(".aj_rozmiar").html(myArray[1]); // tablica rozmiarów dostępnych
 
        $(".aj_rozmiar_wielkosc_X").val(myArray[6]); // wybrany rozmiar: small/medium/large/xlarge
 
        if(myArray[5]  == ""){
            myArray[5] = 0;
        }
 
        $(".aj_dostepnychX").val(myArray[5]); // dostępność
        $(".aj_dostepnych").html(myArray[5]); // dostępność
        $(".maxilosc").val(myArray[5]); // dostępność
 
        $(".aj_kolorX").val(myArray[4]); // pierwszy kolor
        $(".aj_kolor").html(myArray[3]); // tablica kolorów
 
        $(".aj_nazwa").val(myArray[7]); // nazwa koloru
 
 
        if(myArray[5] == "" || myArray[5] == 0){
            $( "#dokoszyka" ).hide();
            //$( ".pppert1" ).hide();
            //$( ".pppert2" ).hide();
            $( "#dokoszyka_zaslepka" ).show();
        } else{
            $( "#dokoszyka" ).show();
            //$( ".pppert1" ).show();
            //$( ".pppert2" ).show();
            $( "#dokoszyka_zaslepka" ).hide();
        }
 
 
        $(".styl_listy_select3").Selectyze();
 
 
        /*$('.styl_listy_select3').Selectyze({
				theme : 'lista_select3',
				zIndex: '1000'
        });*/
 
 
         });
[PHP] pobierz, plaintext 

Dane doczytane po wybraniu odpowiedniego rozmiaru:

[PHP] pobierz, plaintext 
$("#aj_rozmiar").on("change", function() { 
 
        var randomp = Math.round(Math.random() * 99999) + Math.round(Math.random() * 100000);           
    $.get("<?php echo $gt_myurl ?>product_details.php", {poziom: 1, city: randomp, wartosc: $('#aj_rozmiar').val(), produkter: <?php echo $post_id;?>}, function(data1) { 
        $( "#dokoszyka" ).hide();
        $( "#dokoszyka_zaslepka" ).hide();
        var myArray = data1.split('|');
        $(".aj_rozmiarX").val(myArray[0]); // pierwszy rozmiar ID
        $(".aj_rozmiar").html(myArray[1]); // tablica rozmiarów dostępnych
 
        $(".aj_rozmiar_wielkosc_X").val(myArray[6]); // wybrany rozmiar: small/medium/large/xlarge
 
        if(myArray[5]  == ""){
            myArray[5] = 0;
        }
 
        $(".aj_dostepnychX").val(myArray[5]); // dostępność
        $(".aj_dostepnych").html(myArray[5]); // dostępność
        $(".maxilosc").val(myArray[5]); // dostępność
 
        $(".aj_kolorX").val(myArray[4]); // pierwszy kolor
        $(".aj_kolor").html(myArray[3]); // tablica kolorów
 
        $(".aj_nazwa").val(myArray[7]); // nazwa koloru
 
 
        if(myArray[5] == "" || myArray[5] == 0){
            $( "#dokoszyka" ).hide();
            //$( ".pppert1" ).hide();
            //$( ".pppert2" ).hide();
            $( "#dokoszyka_zaslepka" ).show();
        } else{
            $( "#dokoszyka" ).show();
            //$( ".pppert1" ).show();
            //$( ".pppert2" ).show();
            $( "#dokoszyka_zaslepka" ).hide();
        }
 
 
 
 
 
 
        //////////////////
    });
      });
[PHP] pobierz, plaintext