[AJAX][JavaScript][HTML] Dynamiczne tworzenie listy select + input wraz z pętlą mysql. Opcje

[Giluś]

Hej, posiadam taki kod:

[PHP] pobierz, plaintext 
<?php
echo '<select name="opcja">';
$wynik2 = mysql_query("SELECT * FROM opcje") or die('Błąd zapytania'); 
while($r2 = mysql_fetch_assoc($wynik2)) { 
echo '<option value="'.$r2['id'].'">'.$r2['nazwa'].' / '.$r2['limit3'].' / '.$r2['limit2'].'</option>';
}
echo '
</select>
<br />
 
Opcja 1:<br /> 
<input type="text" name="o1" value=""/><br />
 
Opcja 2:<br /> 
<input type="text" name="o2" value=""/><br />
<p id="usun">Usuń</p>
[PHP] pobierz, plaintext 

I teraz chciałbym dynamicznie tworzyć w nieskończoność takie pola (czyli: Select/Opcja1/Opcja2 i guzik do usuwania wybranego "pola")
Po naciśnięciu jakiegoś guzika tworzyły by się automatycznie takie pola, później chciałbym obrabiać to w PHP..

Dodam jeszcze, że zapytanie do MySQL w każdym "polu" jest identyczne, oraz skrypt nie musi być jakoś mega optymalny, bo jest to do zastosowań domowych wiec nie będzie on narażony na miliony zapytań (IMG:style_emoticons/default/smile.gif)

Nie potrafię ogarnąć jak tworzyć ten SELECT i później uzupełnić go w option'y które pochodzą z MySQL'a..

Może Wy mi coś pomoże ?

*użyte słowo "pole" oznacza cały fragment tego wyżej kodu.


Pozdrawiam i z góry dziękuje za pomoc (IMG:style_emoticons/default/smile.gif)

[gorden]

po pierwsze skoro zaimplementowałeś do swojego kodu jQuery, to używaj go w pełni.. Twój problem za pomocą jQ można banalnie prosto rozwiązać, ale na początek kilka linków z dokumentacji:
http://api.jquery.com/jquery/ - jeśli opanujesz korzystanie z tego, Twój kod będzie co najmniej 2x krótszy, głównie chodzi tu o korzystanie z selektorów CSS. Korzystaj też z tego zamiast "createElement"
http://api.jquery.com/attr/ - zamiast setAttribute
http://api.jquery.com/append/ - zamiast appendChild, ale możesz użyć selektorów z użyciu jQuery() ($())

dobrze że przynajmniej zrozumiałeś mój pierwszy post i zastosowałeś się do instrukcji

co do samego problemu z usuwaniem elementów, nie wiem do końca o co Ci chodzi (który element chcesz usunąć), ale selektory + http://api.jquery.com/remove/ jest Twoim przyjacielem i ułatwi Ci życie. jeśli masz samo id elementu to wystarczy $("#id").remove()