Ved valg af select, ændr en innerHTML værdi

Jeg har en <select> der bliver defineret fra en database. Værdien i <selecten> er et id, hvorfor jeg bliver nødt til at komme i kontakt med databasen igen.
Da dette ikke er muligt vælger jeg at lave et array i javascript, der skal gemme på rækkerne i databasen (3-4 stykker).

Men når jeg kommer min <select> ind under et <form>-tag får jeg fejlen "objectet understøttes ikke": Her er mit script:

formen:

<form method=\"post\" name=\"formen\" action=\"\">
              <tr>
                <td>Betalingsomkostninger:</td>
                <td colspan=\"2\">". $betaling."</td>
                <td style=\"text-align: right;\"><span style=\"border-bottom: 3px double black;\"><span id=\"betalingsomkostninger\"></span> kr.</span></td>
              </tr>
</form>

<selecten>:


  <tr>
    <td>Betalingsomkostninger:</td>
    <td colspan=\"2\">". $betaling."</td>
    <td style=\"text-align: right;\"><span style=\"border-bottom: 3px double black;\"><span id=\"betalingsomkostninger\"></span> kr.</span></td>
  </tr>



javascripten:

$query1 = $generel->query("SELECT * FROM betalingsmetoder ORDER BY pris ASC");
while($row1 = mysql_fetch_object($query1))
    {
    $arr .= 'arr[\''.$row1->id.'\'] = \''.$row1->pris.'\';
    ';
    }   
$udskrift = "
<script language=\"javascript\">
function betaling(s)
    {
    var arr = new Array;
    ".$arr."
    document.getElementById('betalingsomkostninger').innerHTML = arr[s.value];
    }