Tilføj tekst efter tryk på knap ser flere gange
Hej jeg har 2 selectboxe og en tekstbox, hvor der er en knap til hver, jeg vil have tilføjet det felt som tekst når jeg trykker på knappen, mit problem er bare at hvis jeg vælger et felt og trykker, bliver det godt nok vist, men vælger jeg et felt mere udskriver den både feltet fra før, men igen og plus det nye.jeg har følgende kode:
<html>
<head>
<title>Untitled</title>
</head>
<body bgcolor="#808080">
<SCRIPT type="text/javascript">
var xmlstring="<?xml version='1.0'?>";
function content(sender)
{
xmlstring+="<root>";
if (sender == "knap1")
{
//document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + document.getElementById("box1").value;
xmlstring += "<Datagrundlag>" + document.getElementById("box1").value + "</Datagrundlag><br>"
document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + xmlstring;
}
if (sender == "knap2")
{
//document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + document.getElementById("box2").value;
xmlstring += "<Operator>" + document.getElementById("box2").value + "</Operator><br>"
document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + xmlstring;
}
if (sender == "knap3")
{
//document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + document.getElementById("box3").value;
xmlstring += "<Konstant>" + document.getElementById("box3").value + "</Konstant><br>"
document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + xmlstring
}
xmlstring +="</root>";
//document.getElementById("content").innerHTML = document.getElementById("content").innerHTML + document.getElementById("box1").value;
}
</SCRIPT>
<center><h1>Beregninger</h1></center>
<center><form action="" method="" name="f1">
<table border="1" cellpadding="0" cellspacing="0" summary="">
<tr><td valign="top">Datagrundlag:</td><td><select size="10" id="box1"><Option value="Tekst1">Tekst1</option><option value="Tekst2">Tekst2</option></select></td>
<td valign="top">Operator:</td><td valign="top"><select size="10" id="box2"><Option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option><option value="%">%</option><option value="(">(</option><option value=")">)</option></select></td></tr>
<tr><td></td><td><center><button type="button" onclick="java script:content('knap1')">Tilføj</button></center></td><td><input type="submit" value="Sumer"/></td><td><button type="button" onclick="java script:content('knap2')">Tilføj</button></td></tr>
</table></form></center>
<br>
<center>Konstant: <input type="text" id="box3"/> <button type="button" onclick="java script:content('knap3')">Tilføj</button></center>
<hr />
<div id="content"></div>
</body>
</html>
Er der nogen som kan hjælpe, så der kun bliver tilføjet en ting af gangen.
