În cazul în care ne dorim să fie afişat un DIV sau altul, în funcţie de valoarea dintr-un input de tip numeric, se va avea în vedere ca, în HTML, să fie atât obiectul pentru inserare numărului, dar şi cele două div-uri.
1 2 3 4 |
<label for="an">Anul de referinţă</label> <input type="number" id="an" name="an" min="2008" max="2022" onchange="fc_An()"> <div id="an_mare" style="display:none;">Div 1</div> <div id="an_mic" style="display:none;">Div 2</div> |
Între etichetele <script></script> se introduce următorul cod:
1 2 3 4 5 6 7 8 9 10 11 |
<script> window.fc_An = function() { var an = document.getElementById('an').value; if (an>=2021) { document.getElementById('an_mare').style.display = 'inline'; document.getElementById('an_mic').style.display = 'none'; } else if (an<2021) { document.getElementById('an_mic').style.display = 'inline'; document.getElementById('an_mare').style.display = 'none'; }; }; </script> |
Sursa: jsFiddle.net şi StackOverflow.com