Mam listę kategorii:

[HTML] pobierz, plaintext 
<select id="category" name="category">
<option value="0" selected="selected">- wybierz -</option>
<option value="1" label="Nowości">Nowości</option>
<option value="34" label="Samouczki">Samouczki</option>
<option value="13" label="Słowniki">Słowniki</option>
</select>
<a href="#dodaj"><img src="images/icons/add.png" alt="[x]" onclick="add();" /></a><br /><br />
<div id="categories"></div>
[HTML] pobierz, plaintext 

Po wybraniu odpowiedniej kategorii oraz naciśnięciu przycisku "dodaj" chciałbym aby w w DIV categories wstawiła się wartość typu:

[HTML] pobierz, plaintext 
<input type="hidden" name="cats[]" value="34" />Samouczki<br />
[HTML] pobierz, plaintext 

Akcja w JavaScript wygląda póki co tak:

[HTML] pobierz, plaintext 
function add() {
  var catid = document.getElementById('category').value; 
  document.getElementById('categories').innerHTML+= '<input type="hidden" name="cats[]" value="' + catid + '" /><br />';
}
[HTML] pobierz, plaintext 

Problem tkwi w tym, ze nie wiem jak moge pobrac dodatkowo etykiete danej opcji - czyli w tym przypadku napisu "Samouczki". Jakies pomysly?

sam tekst Samouczek umiesc w warstwie o okreslonym id i za pomoca innerhtml wstaw tam odpowiednia wartosc