Selectboxen hinzufügen mit Javascript

[Utoko]

Ich will mit Hilfe von javascript Selectboxen hinzufügen.
Mein Problem: Ich habe bisher noch kein JS benutzt aber mit php geht es nicht, ohne das die ganze Seite reloaded.

Ich will also mit einem button "$i" erhöhen:
<script type="text/javascript">
  function increasei()
  {
    ++i;
    return i;
    // Hier weiß ich nicht weiter, irgendwie muss ich aus der function,
    // die Variable i in $i für die For-Schleife bekommen.

}
</script>
<form name="demo">
<input type=button value="increasei" onClick="increasei()" width="200">

for($u=0;$u<$i;$u++) {
 ?><li>
      <select size="1" <?php echo "name='Software$u'"  ?>>
      <option value="0" selected="selected">Bitte wählen</option>
 <?
 $sql = "SELECT
                  Softwarename
               FROM
                  software
               ORDER BY
                  Softwarename ASC;";
               $result = mysql_query($sql) OR die(mysql_error());
               while($row = mysql_fetch_assoc($result))
               {
                echo "<option value="".$row['Softwarename']."">
                      ".$row['Softwarename']."</option>\n";
          }
         ?>
       </select>
    </li>
   <? } ?>
</form>

Ich Versuche also bei jedem klick vom Button eine Selectbox hinzuzufügen ohne das die ganze Seite reloaded, weil man ja vorher nicht, weil wieviel Software der Anwender hinzufügen will.

Ich hoffe mein Problem ist verständlich und ich bin offen für jede Art von Hilfe