Скрытие текстовых полей до ответа на предыдущее текстовое поле - PullRequest
Новая
       40

Скрытие текстовых полей до ответа на предыдущее текстовое поле

0 голосов
/ 05 февраля 2020

У меня есть 5 текстовых полей в опросе, где я хочу показывать только первое, пока данные не появятся в первом поле. Затем должно появиться второе, а третье будет, если данные будут помещены во второе и т. Д. Я заставил его работать, получив идентификаторы элементов, но я не хочу получать их для каждого отдельного опроса. Я знаю, что есть более чистый способ сделать это, но я не могу понять это прямо сейчас. Код, который я использовал ниже. Любая помощь приветствуется. Спасибо! 

<script> 

document.getElementById('ans4033.0.1').style.visibility = 'hidden';

function Hiding() {

if (document.getElementById('ans4033.0.0').value != "") {
 document.getElementById('ans4033.0.1').style.visibility = 'visible';
 }
else
{
document.getElementById('ans4033.0.1').style.visibility = 'hidden';
}
if (document.getElementById('ans4033.0.1').value != "") {
 document.getElementById('ans4033.0.2').style.visibility = 'visible';
 }
else
{
document.getElementById('ans4033.0.2').style.visibility = 'hidden';
}
if (document.getElementById('ans4033.0.2').value != "") {
 document.getElementById('ans4033.0.3').style.visibility = 'visible';
 }
else
{
document.getElementById('ans4033.0.3').style.visibility = 'hidden';
}
if (document.getElementById('ans4033.0.3').value != "") {
 document.getElementById('ans4033.0.4').style.visibility = 'visible';
 }
else
{
document.getElementById('ans4033.0.4').style.visibility = 'hidden';
}
if (document.getElementById('ans4033.0.4').value != "") {
 document.getElementById('ans4033.0.5').style.visibility = 'visible';
 }
else
{
document.getElementById('ans4033.0.5').style.visibility = 'hidden';
}
}

function HideInterval() {
    setInterval(function(){ Hiding(); }, 100);
}    
HideInterval(); 
</script>
...