如果列表框中的選定項目發生更改，則顯示文本區域

Question

我有一個列表框，如果我有一個選定的項目，我想顯示一個文本區域，這很簡單，但是我的代碼不起作用，有人可以幫助我嗎？

列表框代碼：

<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";
      }
}

要顯示的項目：

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

Answer 1

show()是一個 jQuery，您使用的是純 JS，因此您應該將其替換為：

textarea.style.display = "block";

希望這可以幫助。

---

 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>