[JS][AJAX]Dynamiczne tworzenie select/option, przekazywanie wyniku pętli php do js i tworzenie pola select Opcje

[rozny]

Witam, mój problem jest następujący - tworzę dynamicznie pole select, z tym sobie poradziłem. Nie wiem jednak w jaki sposób utworzyć pola option dla tego selecta. Pola option tworzone są przez skrypt php wyciągający rekordy z bazy danych. Wiem, że skrypt JS powinien przez XMLHttpRequest wykonać zapytanie do pliku ze skryptem PHP, jednak nie wiem w jaki sposób wykorzystać wynik zapytania, gdyż tworzenie pól option w JS ma zupełnie inną składnię...

Na razie mam taki kod:

Tworzenie pola select

[PHP] pobierz, plaintext 
function DodajSelect()
	{
		var select_field = document.createElement('select');
 
 
		var liczba = 0;
		var ilosc = document.forms['add_file'].elements.length;
		for (var i = 0; i < ilosc; i++ )
		{
			if (document.forms['add_file'].elements[i].type == 'select')
			{
				liczba += 1;
			}
		}
 
		select_field.setAttribute('name', 'text-'+(liczba+1));
 
		select_field.style.display = "block";
		select_field.style.margin= "2px 0";
 
		document.forms['add_file'].appendChild(select_field);
 
	}
[PHP] pobierz, plaintext 

Generowanie pól option

[PHP] pobierz, plaintext 
$query = mysql_query('SELECT products.products_id, products.products_price, products_description.products_name FROM `products` INNER JOIN `products_description` ON products.products_id = products_description.products_id INNER JOIN `products_to_categories` ON products_to_categories.products_id = products.products_id WHERE products.products_status = 1 ORDER BY products_description.products_name ASC ');
 
		while ($row = mysql_fetch_row($query)) {
 
    			echo '<option value="'.$row[0].'">'.$row[2].' - CENA:'.round($row[1], 2).' PLN</option>';
 
  		}
[PHP] pobierz, plaintext 

Jak do skryptu JS dodać zapytanie AJAX, które mi to scali w ładnego selecta?

Pozdrawiam

[k_@_m_i_l]

Użyj jquery. Ajaxem odbierz dane ze skryptu, a następnie dopisz do selecta otrzymaną treść.

[HTML] pobierz, plaintext 
$("#dopisz").click(function()
{
         $.ajax({
            type: "GET",
            url: "/test.php",
            data: "ajax=1",
            success: function(html)
            {
                $("select#select").append(html);
            }
 
         }); 
});
[HTML] pobierz, plaintext 

Ten post edytował k_@_m_i_l 28.05.2012, 09:35:42