två multiselect - klicka på categori -visar dokument

jag vet inte om jag skall skriva detta i javascript eller här, men den flyttas väl om jag skriver på fel ställe..

jag vill ha två select

klickar man på en kategori i den vänstra så skall dokumenten visas i den högra

dokumenten i tabellen document är länkade till kategorin via CategoryId som går efter id i category tabellen i databasen

som ni ser har jag inte kommit långt, detta eftersom jag verkligen har noll koll på hur jag skall göra.. visst kan jag göra det genom att posta den ena selecten så sidan laddas om och då visar kategorierna, men jag vill ha det så att jag slipper ladda om sidan.

så här "långt" har jag kommit:

 
echo "<form>\n";
	echo "\t<table border='0' width='100%'>\n";
		echo "\t\t<tr>\n";
		// Categories
			echo "\t\t\t<td width='50%'>\n";
				echo "\t\t\t\t<select name='category' size='8' class='white-form-text'>\n";
					$sqlquery = "SELECT id,value,status FROM category WHERE languageid  = ".$language;
					$rs = mysql_query ( $sqlquery );
					while ( $rw = mysql_fetch_array ( $rs ) )
					{
						echo "\t\t\t\t\t<option value='".$rw["id"]."'>".$rw["value"];
					}
				echo "\t\t\t\t</select>\n";
			echo "\t\t\t</td>\n";
		// document
			echo "\t\t\t<td>\n";
				echo "\t\t\t\t<select name='document' size='8' class='white-form-text'>\n";
                                //här skall den lista upp "dokumenten"
				echo "\t\t\t\t</select>\n";
			echo "\t\t\t</td>\n";
		echo "\t\t</tr>\n";
	echo "\t</table>\n";
echo "</form>\n";