Home Is there a way to create an Other option with Javascript that causes a textbox to appear

Questions

Is there a way to create an Other option with Javascript that causes a textbox to appear

September 14, 2022

Tried to create an Others option in a drop down menu, which by doing so, activates a textbox to type in.
However, my current method of doing this causes the remaining options to be invisible when clicked, and the textbox does not appear when the Others option is clicked.

function disappear(val) {
  var textbox = document.getElementById('issue');
  if (val == 'other') {
    textbox.style.display = 'block';
  } else {
    textbox.style.display = 'none';
  }
}

<select name="issue" id="issue" onchange='disappear(this.value)'>
  <option disabled selected></option>
  <option value="bug">Bug</option>
  <option value="lacking">Lack of Use</option>
  <option value="other">Other</option>
</select>
<div id="textbox"></div>

>Solution :

you are selecting the wrong element

var textbox=document.getElementById('textbox');

function disappear(val){
          var textbox=document.getElementById('textbox');
          if(val=='other'){
            textbox.style.display='block';
          }
          else{
            textbox.style.display='none';
          }
        }

#textbox{
width:90px;
height:60px;
background-color:red;
display:none;
}

<select name="issue" id="issue" onchange='disappear(this.value)'>
          <option disabled selected></option>
          <option value="bug">Bug</option>
          <option value="lacking">Lack of Use</option>
          <option value="other">Other</option>
</select>
<div id="textbox"></div>