ďťż

[JS] Dynamiczne usuwanie i dodawanie elementów.

       

Podstrony


telcocafe

Witam.

Chciałbym do mojego skryptu dodać, dynamiczną możliwość dodania gości do pewnej listy. Wygląda to tak, że lista gości jest w polu <select>
<option value="ID GOSCIA">NAZWA</option>

To wszystko ma lądować do mysql. Chciałbym, by osoba mogła dobrać kilku gości, Ci dodani zostaną wyswietleni w jakimś divie + obok link do usunięcia go z listy (jakby ktoś się pomylil) i zeby ten dodany usuwal sie z listy gości dostępnych. Oczywiscie jak ktoś go usunie z listy dodanych, to wraca na listę dostępnych.

<input type="hidden" name="lista[]" value="a" />
Takie coś tworzy tablicę, więc nie ma problemu by do PHP przesłać listę gości tych wybranych.
W JS.
function DodajGoscia(){ var element = document.createElement('input'); element.setAttribute('type', 'hidden'); element.setAttribute('name', 'lista[]'); element.setAttribute('value', 'c'); document.forms['form_aud'].appendChild(element); }
Funkcja ładnie śmiga, dodaje do formularza hidden, teraz tylko pytanie jak zrobić, by z <select> pobrało dane i przekazalo do funkcji, skasowało odpowiednią pozycję i jak zrobić tego diva, do którego też zostanie dodana nowa pozycja. I potem funkcja odwrotna. :D
Użytkownik DJ Mentos edytował ten post 24 styczeń 2010, 22:13


Tutaj masz dobry przykład modyfikacji pola select.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.