webForumDet fria alternativet

Gömma flera inputs, sedan visa?

JavaScript

1 svar · 170 visningar · startad av ConnyFox

Medlem sedan aug. 20011 087 inlägg
Frågan#1

Ok jag har ett formulär där 10 artiklar kan skrivas in, jag vill ha det så att endast dom 3 första sysns direkt (totalt 9 inputs)
och när man sedan skriver in något i den tredje så visas den 4:e´s inputs, när man skriver in i den 4:e´s så visas den 5:e´s osv..

Antar det är javascript man får ta till där och eftersom jag är totalt värdelös på just det så vänder jag mig hit, någon som gjort något liknande tidigare?

Medlem sedan nov. 20017 144 inlägg
#2
<script type="text/javascript" language="javascript">
<!--
function view(elm) {
for(i=0 ; i<elm+1 ; i++){
document.forms[0].elements[i].style.display = 'inline';
 }
};
//-->
</script>

<style>
.hide{display:none;}
</style>

</head>
<body>
<form>
<input type="text" name="ett"><br>
<input type="text" name="tva"><br>
<input type="text" onfocus="view(3);" name=tre"><br>
<input type="text" onfocus="view(4);" class="hide" name="fyra"><br>
<input type="text" onfocus="view(5);" class="hide" name="fem"><br>
<input type="text" onfocus="view(6);" class="hide" name="sex"><br>
<input type="text" onfocus="view(7);" class="hide" name="sju"><br>
<input type="text" onfocus="view(8);" class="hide" name="atta"><br>
<input type="text" onfocus="view(9);" class="hide" name="nio"><br>
<input type="text" class="hide" name="tio"><br>
</form>
257 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)