Gömma flera inputs, sedan visa?

JavaScript

1 svar · 174 visningar · startad av ConnyFox

Medlem sedan aug. 20011 087 inlägg
Trådstart#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>
255 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)