Javascript 选择隐藏和显示选项

如果选定的是其他公司，则会出现一个文本框，以便用户指定公司创建一个文本框，将其放置在所需位置并相应设置样式

<select id="dropdownPName" name="company">
  <option value="A">Comapny A</option>
  <option value="B">Company B</option>
  <option value="Walk-in">Walk-in</option>
  <option value="Others">Others</option>
</select>

文本框html

pName = document.getElementById('dropdownPName');
var value = pName.options[pName.selectedIndex].value;
if(value.toLowerCase() == 'others')
{
    var ele = document.getElementById('comp');
     ele.style.display = "block";
}

---

看

那么到目前为止你都试了些什么。？如果我想死；你甚至可以用toggle把它缩短。为什么在我的表格中它不起作用？输入类型文本未显示。。。

pName = document.getElementById('dropdownPName');
var value = pName.options[pName.selectedIndex].value;
if(value.toLowerCase() == 'others')
{
    var ele = document.getElementById('comp');
     ele.style.display = "block";
}

<input type="text" id="cmpny_txbx" name="cmpny_txbx" />

$(document).ready(function(){
  $("#cmpny_txbx").hide();
  $("#dropdownPName").change(function(){
   if($("#dropdownPName").val() == 'Others'){
      //Show text box here
      $("#cmpny_txbx").show();
   }
   else{
     //Hide text box here
     $("#cmpny_txbx").hide();
   }
    });
});