[PHP] formularz select w pętli while, formularz select w każdym rekordzie z bazy danych Opcje

[evangelion]

Witam.
Piszę aplikację do zarządzania zleceniami i w pewnym momencie stanąłem w martwym punkcie.
Założenie było takie, że aplikacja pobiera wprowadzone wcześniej rekordy z bazy danych i wyświetla je w poszczególnych polach tabeli. Każdy wiersz oprócz danych miał mieć także formularz select. Użyłem do tego tej samej pętli która wyświetla rekordy , żeby mieć selecta w każdym wierszu. Problem polega na tym, iż działa tylko select pierwszego wiersza, a chciałbym , żeby każdy select działał niezależnie w każdym wierszu powiedzmy , że początkowo miałby zmieniać kolory tła w wierszu dla poszczególnego statusu zlecenia.

[PHP] pobierz, plaintext 
while($wynik = mysql_fetch_assoc($zapytanie)){
		echo '<tr id="row"><td>'.$wynik['zlecenie'].'</td><td>'.$wynik['imie'].'</td><td>'.$wynik['nazwisko'].'</td><td>'.$wynik['telefon'].'</td><td>'
		.'<select>
			<option value="-">status</option>
			<option value="1">przyjeto</option>
			<option value="2">realizacja</option>
			<option value="3">zrealizowano</option>
			<option value="4">zapłacono</option>
			</select>
		</td></tr>';
		}
[PHP] pobierz, plaintext 

Będę wdzięczny za podpowiedź.

[salfunglandyare]

Jeśli chcesz zmienić status po przeładowaniu, to raczej zapisuj go do bazy, na jakiejś podstawie musisz to robić. Jeśli chcesz bezpośrednio, musisz posiłkować się js. Nie wiem, czy korzystasz z jQuery, na wszelki wypadek kod w czystym JS:

[HTML] pobierz, plaintext 
var colorChanger = {
    init : function(){
        var tr = document.getElementsByTagName('TR');
        for(var x=0; x<tr.length; x++){
            var myTR = tr[x];
            var select = myTR.getElementsByTagName('select');
            for(var i=0; i<select.length;i++){
                var mySELECT = select[i];
                if(mySELECT.getAttribute('name') == 'kolory'){
                    mySELECT.onchange = function(e){
                        var tr = this.parentNode.parentNode.parentNode;
                        tr.style.backgroundColor = this.value;
                    }
                }
            }
        }
    }
};
colorChanger.init();
[HTML] pobierz, plaintext 

//Edit: jsfiddle: https://jsfiddle.net/uargqf5n/

Ten post edytował salfunglandyare 14.05.2015, 22:39:19