Dropdown list die twee kolommen uit mysql database laat zien

[Jors]

Hallo,

ik ben sinds kort bezig met het opzetten van een database in mysql / php. Dit gaat goed, maar nu wilde ik graag een dropdown menu waarin de keuze gemaakt wordt tussen verschillende categorien waarop gezocht kan worden. Tevens moest er aan de hand van hoofdcategorie een subcategorie gekozen kunnen worden, indien van toepassing.

Dit is allemaal uitgebreid terug te vinden in diverse tutorials door simpelweg te googlen en is dus in principe ook gelukt.

Echter, in mijn dropdown menu'tje wordt nu 1 waarde weergegeven, namelijk het categorienummer. Ik vroeg me af of het mogelijk was om zowel het nummer als de naam van de categorie te tonen, dit zijn dus twee kolommen uit de onderliggende mysql tabel. Wellicht is dit relatief eenvoudig, dan hoor ik dat graag. Mocht ik naar iets onmogelijks vragen, dan hoor ik dat ook graag

Ik wist overigens niet zeker of ik dit nu moest posten onder php, mysql of js, gezien de overlap.

Hieronder mijn code:

<?php 

require "connection.php";

echo "

function fillCategory()
	{  

	";

	$q1=mysql_query("select * from `tblHoofdCat`");
	echo mysql_error();
	while($nt1=mysql_fetch_array($q1))
	
		{
		echo "addOption(document.drop_list.Hoofd, '$nt1[HCatnr]', '$nt1[HCatnr]');";
		}
	?>
	}

function SelectSubCat()
	{ 
	removeAllOptions(document.drop_list.SubCat);
	addOption(document.drop_list.SubCat, "", "Subcategorie", "");
	<?php

	$q2=mysql_query("select distinct(`HCatnr`) from tblSubCat");
	
	while($nt2=mysql_fetch_array($q2))
		{ 
		echo "if(document.drop_list.Hoofd.value == '$nt2[HCatnr]')
			{";
			$q3=mysql_query("select SCatnr from tblSubCat where `HCatnr`='$nt2[HCatnr]'");
			while($nt3=mysql_fetch_array($q3))
				{
				echo "addOption(document.drop_list.SubCat,'$nt3[SCatnr]', '$nt3[SCatnr]');";
				}
			echo "}";
		}
		?>
	}

function removeAllOptions(selectbox)
	{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
		{
		selectbox.remove(i);
		}
	} 

function addOption(selectbox, value, text )
	{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value; 
	selectbox.options.add(optn);
	}