Liste kutusunda seçilen öğenin değiştiğinde textarea göster

Question

Bir liste kutum var ve seçili bir öğe varsa bir textarea göstermek istiyorum, çok basit, fakat kodum çalışmıyor, herhangi biri bana yardımcı olabilir mi?

liste kutusu kodu:

<select onchange="change(this)" name="idUser" class="form-control"> 
     <c:forEach items= '${listeU}' var='p' > 
      <option value="${p.getIdUser()}"> ${p.getIdUser()} - ${p.getNom()} ${p.getPrenom()}</option>    
     </c:forEach>  
</select> 

JS:

function change(obj) { 
     var selectBox = obj; 
     var selected = selectBox.options[selectBox.selectedIndex].value; 
     var textarea = document.getElementById("text_area"); 

     if(selected === '1'){ 
      textarea.show(); 
     } 
     else{ 
     textarea.style.display = "none"; 
     } 
} 

Ürün göstermek için:

<textarea id="text_area" type="text" name="text_area" style="display: none"></textarea> 

Answer 1

show() bir jQuery olduğunu ve bunu değiştirmeniz gerekir böylece saf JS kullandığınız: Bu yardımcı olur

textarea.style.display = "block"; 

Umut.

---

function change(obj) { 
 
    var selectBox = obj; 
 
    var selected = selectBox.options[selectBox.selectedIndex].value; 
 
    var textarea = document.getElementById("text_area"); 
 

 
    if(selected === '1'){ 
 
    textarea.style.display = "none"; 
 
    } 
 
    else{ 
 
    textarea.style.display = "block"; 
 
    } 
 
}

<select onchange="change(this)" name="idUser" class="form-control"> 
 
    <option value="1"> option 1</option> 
 
    <option value="2"> option 2</option> 
 
    <option value="3"> option 3</option> 
 
</select> 
 

 
<textarea id="text_area" type="text" name="text_area" style="display: none"></textarea>