Ligge to tal sammen i forms
<input name="højde1" id="højde1"><input name="antal1" id="antal1" size="4">
Er det muligt at ligge to tal sammen?
Det jeg går efter at at få den til at sige højde1+antal1=resultat
Det skal være sådanne at man også kan rette i tallene(i input felterne) efter at der er valgt en predefineret indstiling fra dropdown menuen, og så kan man se hvad de to tal bliver tilsammen.
Er det muligt at gøre - kun med forms eller skal der javascript til og hvorn´?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#003300">
<div align="center">
<script type="text/javascript">
function visBruger(sel){
if(sel.selectedIndex==0)
document.getElementById("showUser").style.display = "none";
else{
var vals = sel.value.split("|");
document.getElementById("navn1").setAttribute("value",vals[0]);
document.getElementById("højde1").setAttribute("value",vals[1]);
document.getElementById("antal1").setAttribute("value",vals[2]);
document.getElementById("motiv1").setAttribute("src",vals[3]);
document.getElementById("showUser").style.display = "block";
}
}
</script>
<FORM METHOD="POST" ACTION="http://www.one.com">
<INPUT TYPE="HIDDEN" NAME="userid" VALUE="12345678">
<table width="43%" height="348" border="7" bordercolor="#999999" bgcolor="#FFFFFF">
<tr bgcolor="#DDDDDD">
<td height="81" colspan="3"><div align="center"> </div>
<div align="center">
<select name="bruger" onChange="visBruger(this);">
<option>Hvem tror du er den rigtige?</option>
<option value="Niels|170|1|billed_af_niels.gif">Person 1</option>
<option value="Svend|190|2">Person 2</option>
<option value="Søren|210|3">Person 3</option>
</select>
</div></td>
</tr>
<tr>
<td width="47%" height="100" bgcolor="#92D74A"> <div align="left">
<table width="71%" height="84" border="0" align="center">
<tr>
<td width="21%" height="25"><div align="right"><font face="Arial, Helvetica, sans-serif">Navn:</font></div></td>
<td width="79%"><input name="navn1" id="navn1"></td>
</tr>
<tr>
<td width="21%" height="25"><div align="right"><font face="Arial, Helvetica, sans-serif">Højde</font><font face="Arial, Helvetica, sans-serif">:
</font></div></td>
<td><input name="højde1" id="højde1"></td>
</tr>
</table>
</div></td>
<td width="41%"><div align="center"><img id="motiv1" src="db_25.jpg" width="96" height="72">
</div></td>
<td width="12%" bgcolor="#92D74A"><p align="center"><font face="Arial, Helvetica, sans-serif">Antal:</font>
<input name="antal1" id="antal1" size="4">
</p></td>
</tr>
<tr bgcolor="#DDDDDD">
<td height="43" colspan="3"> </td>
</tr>
<tr>
<td height="100" colspan="3" bgcolor="#92D74A"><div align="center">
<input name="SUBMIT" type="SUBMIT">
</div></td>
</tr>
</table>
</FORM>
<p> </p>
</div>
</body>
</html>
