Hi everybody,

I need to make a form with a button. Each time text is filled in, it has to be placed in a list. I found a good deal of the code I think. The problem is that I can't seem to find how to get the output in a list. I get a list but in a box.
What I would need is that the list looks like this
  • input 1
  • input2
  • input 3
  • and so on


I hope my explanation is clear. I will include the code I have till know. I guess something has to be done in the lijst (list) part, but for some reason, I can't seem to find the sollution

thanks for helping out.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<TITLE>attempt</TITLE>

<script language= "JavaScript">
<!--
var kN;
var tA;
var lA;

function initieer(){
kN = new getObj("knopnieuw");
tA = new getObj("tekst");
lA = new getObj("lijst");

kN.obj.onclick = nieuweTekst;
}

function nieuweTekst(){
var nieuw = tA.obj.value;
if(nieuw != ""){
lA.obj.options[lA.obj.length] = new Option(nieuw);
tA.obj.value = "";
tA.obj.select();
}
}

function getObj(name)
{
if (document.getElementById)
{
this.obj = document.getElementById(name);
}
else if (document.all)
{
this.obj = document.all[name];
}
else if (document.layers)
{
this.obj = document.layers[name];
}
}
//-->
</script>
</head>

<body onload="initieer()">
Geef een tekst in: <input type="text" id="tekst"><input type="button" id="knopnieuw" value="Voeg Toe">
<p><select id="lijst" class="lijst" size="">
</select>

</body>
</html>