Her er den lavet med select-boksen, hvis du vil have den med et frit felt, er grundlaget jo lagt !-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Vælg antal pinde og valider</title>
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/517875"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
function validate(f){
e = f.elements;
for(i=0;e.length>i;i++){
if(e[i].name.indexOf("PolUdsagn")==0&&e[i].value==""){
alert("Husk at udfylde tekstfelt til pind nr. " + e[i].name.replace(/PolUdsagn(\d+)/,"$1"));
e[i].focus();
return false;
}
}
alert("Succes");
return false;
}
function visPinde(elm){
if(elm.selectedIndex>0){
var tb = document.getElementById('minTabel');
while(tb.childNodes.length>1){tb.removeChild(tb.childNodes[1]);}
for(i=0;elm.value>i;i++){
var tr = document.createElement('TR');
tb.appendChild(tr);
tr.id = "minTr" + (i+1);
var td1 = document.createElement('TD');
tr.appendChild(td1);
td1.width = "4%";
td1.style.verticalAlign = "top";
var inp = document.createElement('INPUT');
td1.appendChild(inp);
inp.type = "text";
inp.maxlength = "2";
inp.size = "2";
inp.name = "Prioritet" + (i+1);
inp.value = (i+1);
inp.readOnly = "true";
inp.style.fontSize = "8px";
inp.style.fontFamily = "tahoma,sans-serif";
var td2 = document.createElement('TD');
tr.appendChild(td2);
td2.width = "96%";
var txt = document.createElement('TEXTAREA');
td2.appendChild(txt);
txt.rows = "4";
txt.cols = "80";
txt.name = "PolUdsagn" + (i+1);
txt.style.fontSize = "8px";
txt.style.fontFamily = "tahoma,sans-serif";
}
}
}
</script>
</head>
<body onresize onload>
<form id="minForm" name="minForm" onsubmit="return validate(this);">
<select name="minSelect" onchange="visPinde(this);">
<option>-- Vælg antal pinde --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<table style="font-size:10px;font-family:tahoma,sans-serif"><tbody id="minTabel">
<tr><td>Prioritet</td><td>Tekst</td></tr>
<tr><td>Vælg antal pinde i select-boksen !</td><td></td></tr>
</tbody></table>
<input type="submit">
</form>
</body>
</html>
