input

[Biel. 9]

Olá pessoal. Ao selecionar item1 como exibir o nome aluno dentro dos cinco values abaixo?

<select name="" id="id1" onchange="funcAprendiz(); " >
<option value=""></option>
<option value="item1">item1</option>
</select>

<input type="text"  name="nome" class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="email" class="toto" readonly   id="toto"   value=""  > 
<input type="text"  name="tel"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="cep"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="end"  class="toto"  readonly    id="toto"   value=""  > 

  <script>
  function funcAprendiz(){
  var itemSelecionado = document.getElementById('id1');

  //var tete  = document.getElementById('toto');
  var ggInput  = document.querySelector(".toto");
  for(var i=0; i<ggInput.length; i++){
    ggInput[$i];
  }

  if(itemSelecionado.value == "item1"){
    ggInput.value = "aluno"; 
  } 

  if(itemSelecionado.value == ""){
    ggInput.value = ""; 
  } 		

}
</script>

 

 

[Gleyson Abreu 49]

Use o querySelectorAll em vez do querySelector.

Assim já deve funcionar.

<select name="" id="id1" onchange="funcAprendiz(); " >
<option value=""></option>
<option value="item1">item1</option>
</select>

<input type="text"  name="nome" class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="email" class="toto" readonly   id="toto"   value=""  > 
<input type="text"  name="tel"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="cep"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="end"  class="toto"  readonly    id="toto"   value=""  > 

  <script>
  function funcAprendiz(){
  var itemSelecionado = document.getElementById('id1');

  //var tete  = document.getElementById('toto');
  var ggInput  = document.querySelectorAll(".toto");

  for(var i=0; i<ggInput.length; i++){
    if(itemSelecionado.value == "item1"){
   	    ggInput[i].value = "aluno"; 
  	} 

    if(itemSelecionado.value == ""){
        ggInput[i].value = ""; 
  	} 
  }
}
</script>
  		

 

[Biel. 9]

Em 25/12/2022 at 19:51, Gleyson Abreu disse:

Use o querySelectorAll em vez do querySelector.

Assim já deve funcionar.

<select name="" id="id1" onchange="funcAprendiz(); " >
<option value=""></option>
<option value="item1">item1</option>
</select>

<input type="text"  name="nome" class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="email" class="toto" readonly   id="toto"   value=""  > 
<input type="text"  name="tel"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="cep"  class="toto"  readonly    id="toto"   value=""  > 
<input type="text"  name="end"  class="toto"  readonly    id="toto"   value=""  > 

  <script>
  function funcAprendiz(){
  var itemSelecionado = document.getElementById('id1');

  //var tete  = document.getElementById('toto');
  var ggInput  = document.querySelectorAll(".toto");

  for(var i=0; i<ggInput.length; i++){
    if(itemSelecionado.value == "item1"){
   	    ggInput[i].value = "aluno"; 
  	} 

    if(itemSelecionado.value == ""){
        ggInput[i].value = ""; 
  	} 
  }
}
</script>
  		

 

funcionou de primeira Gleyson, obrigado !

[wanderval 19]

Biel, vou frizar mais uma vez a propriedade "id" deve ser único, por ser uma identidade, acho que você faz um copy/paste e fica duplicando essa informação, quando for usar elementos similares sempre será "class"

 

 

Ex de código funcional

function funcAprendiz(){
  var itemSelecionado = document.getElementById('id1');
  var ggInput  = document.querySelectorAll(".toto");
  
  const hasInputValue = () => itemSelecionado.value === "item1";
  const mapInputValue = item => hasInputValue() ? "aluno" : "";
  
  ggInput.forEach(inputItem => inputItem.value = mapInputValue(inputItem));
}

JS Bin - JS Bin