23. juni 2003 - 17:05
Der er
4 kommentarer og 1 løsning
X antal bokse efter valgt x
Jeg har en side med upload af nogle billeder. Det skal være muligt at vælge hvor mange billeder man vil uploade af gangen således: <select name="antal_billeder"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> <option value="6">6 billeder</option> <option value="7">7 billeder</option> <option value="8">8 billeder</option> <option value="9">9 billeder</option> <option value="10">10 billeder</option> </select> Dernæst... altså på samme side og uden at siden skal hentes igen... vil følgende <input> komme frem i det korrekte antal. DVS. hvis jeg lige har valgt "6 billeder" i ovenstående select-boks, fremkommer 6 af disse: <input type="file" name="userfile" size="50"> Det skal ske (skiftet fra fx 0 til 6 input-bokse) uden at siden refreshes...
Annonceindlæg fra Hitachi
”Forskellighed gør os stærkere!”
Diversitet er ikke kun buzzwords og politisk korrekthed, men et spørgsmål om at alle føler sig godt tilpas og kan yde deres bedste.
31. januar 2025
sådan noget ligende ? <script language="javascript" type="text/javascript"> function hund(a){ b = document.getElementById('noget') b.innerHTML = ""; for (i=0;i<a;i++) b.innerHTML += "<input type=\"file\" name=\"userfile\""+i+" size=\"50\"><BR>"; } </script> <form> <select name="antal_billeder" onchange="hund(this.value);"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> <option value="6">6 billeder</option> <option value="7">7 billeder</option> <option value="8">8 billeder</option> <option value="9">9 billeder</option> <option value="10">10 billeder</option> </select> </form> <div id="noget"></div> Jeg går ud fra at fil-feltet's navn skal variere lidt, så deres name bliver userfile+nummer :)
Den er elegant, grunken :) Nedenstående afspejler en anden tankegang - men det er længere kode: <html> <script language="javascript"> function SkjulVis() { var sel = antal_billeder.value; SkjulAlt(); // Vis de respektive billeder if (sel > 0) b1.style.visibility = "visible"; if (sel > 1) b2.style.visibility = "visible"; if (sel > 2) b3.style.visibility = "visible"; if (sel > 3) b4.style.visibility = "visible"; if (sel > 4) b5.style.visibility = "visible"; } function SkjulAlt() { // Skjul alle billeder b1.style.visibility = "hidden"; b2.style.visibility = "hidden"; b3.style.visibility = "hidden"; b4.style.visibility = "hidden"; b5.style.visibility = "hidden"; } </script> <body onload="SkjulAlt();"> <select name="antal_billeder" onchange="SkjulVis();"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> </select> <br> <br> <span id="b1"><input type="text" value="f1"><br></span> <span id="b2"><input type="text" value="f2"><br></span> <span id="b3"><input type="text"><br></span> <span id="b4"><input type="text"><br></span> <span id="b5"><input type="text"><br></span> </body> </html>