Falsk SELECT

Tænker du på noget i den her stil:
<script type="text/javascript">
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
}
</script>


  <form name="form1">
  <select name="sel1">
    <option value="1">1
    <option value="2">2
    <option value="3">3
  </select>
  Text:<input type="text" name="tekst"> Value:<input type="text" name="val"><input type="button" value="Lav option" onclick="makeOption(this.form.sel1,this.form.tekst.value,this.form.val.value);">
  </form>

Det kan bruges, men bedst ville det være hvis selve SELECTEN indeholder et felt hvor man kan placere en cursor og så skrive.

Men hvis ikke, så tror jeg jeg kan bruge dit forslag ved at flytte lidt rundt på tingene... :o)

Så smid gerne et svar

Er der en måde hvorpå jeg kan få den nyoprettede option til at være selcted?

jo sådan her:
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
selectElm.options[selectElm.length-1].selected = true;
}

at skulle lave en mulighed for at tilføje et nyt option er jeg meget sikker på ikke kan lade sig gøre - ikke direkte i hvert fald, desværre.

Jammen, det virker bare..., prøv selv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
</head>

<body>
<script type="text/javascript">
function makeOption(selectElm,inputText,inputValue)
{
var optionVar = new Option(inputText,inputValue);
selectElm.options[selectElm.length] = optionVar;
selectElm.options[selectElm.length-1].selected = true;
}
</script>


  <form name="form1">
  <select name="sel1">
      <option>Vælg kategori
    <option value="1">1
    <option value="2">2
    <option value="3">3
  </select>
<br>
<input type="text" name="tekst" value="Indtast evt. ny kategori" onChange="makeOption(this.form.sel1,this.form.tekst.value,this.form.tekst.value);document.form1.sel1.options.selected='true';">
 
 
  </form>


</body>
</html>

det er jeg da glad for :-)