选择选项隐藏并显示

佩兹基
<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

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

jQuery的

$(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();
   }
    });
});

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

隐藏/显示div部分-选择选项

来自分类Dev

根据选择选项显示/隐藏div

来自分类Dev

使用jQuery显示/隐藏选择选项

来自分类Dev

如何正确添加/删除选择选项并隐藏/显示Div?

来自分类Dev

基于带有控件的选择选项显示/隐藏div

来自分类Dev

选择选项时角度显示div,隐藏其他

来自分类Dev

jQuery根据选择选项保持显示隐藏状态

来自分类Dev

隐藏/显示基于选择选项的动态生成的div

来自分类Dev

jQuery按名称显示/隐藏div和选择选项

来自分类Dev

根据选择选项值 jQuery 显示隐藏 div

来自分类Dev

如何先隐藏 Div 然后在选择选项后显示

来自分类Dev

隐藏基于先前选择的选择选项

来自分类Dev

如何通过在选择表单中选择选项来隐藏和显示 div?

来自分类Dev

Angular-6显示和隐藏下拉选择选项未显示正确的数据

来自分类Dev

PHP多个隐藏值选择选项

来自分类Dev

使用 css 隐藏选择选项

来自分类Dev

jQuery和CSS:使用特定的CSS类隐藏/显示选择选项

来自分类Dev

jQuery基于两个单选按钮和选择选项显示和隐藏div

来自分类Dev

JS代码从列表中获取计数值,然后使用隐藏/显示选择选项进行连接

来自分类Dev

隐藏和显示选择选项不适用于模态

来自分类Dev

html / css选择选项块显示

来自分类Dev

在选择选项中显示值的问题

来自分类Dev

在html中显示选择选项的值

来自分类Dev

在html中显示选择选项的值

来自分类Dev

在html中显示选择选项的值

来自分类Dev

在html中显示选择选项的值

来自分类Dev

选择选项显示不正确

来自分类Dev

在选择选项中包括显示

来自分类Dev

HTML选择选项需要突出显示