Tilføj <li> dynamisk

Dette er en måde:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function add(fText)
{
    obj = document.getElementById("myUL")
    obj.innerHTML = obj.innerHTML + "<li>"+ fText +"</li>"
}
//-->
</SCRIPT>
<ul id="myUL">
<li>Æble</li>
<li>Pære</li>
</ul>
<form name="myForm" method="post" action="<%= scriptname %>">
<input type="Text" name="myText" value="">
<input type="Button" value="Klik" onClick="add(this.form.myText.value);return false;">
</form>

Der var lige noget "min kode" med, som du ikke behøver (men som heller ikke betyder noget)

<form name="myForm" method="post" action="enURL.html">

-- men koden er heller ikke fremtidssikret, da den ikke følger nutidens (og altså heller ikke fremtidens !-) javascript-DOM-binding ...

Skal du bare kunne tilføje, bør du bruge denne type script:

<script type="text/javascript">
function add(fText){
  var obj = document.getElementById("myUL");
  var newLi = document.createElement("li");
  newLi.appendChild(document.createTextNode(fText));
  obj.appendChild(newLi);
}
</script>
<ul id="myUL">
<li>Æble</li>
<li>Pære</li>
</ul>
<form>
<input type="text" name="myText" value="">
<input type="button" value="Tilføj List-item" onClick="add(this.form.myText.value);return false;">
</form>

roenving >>
Ved ikke hvad jeg tænkte på der... Du har selvfølgelig ret :o)

Mange tak til jer begge!!

Vil I dele? :-)

Oki '-)