在选择更改时使文本框可见[重复]答案

【问题标题】：Making a text box box visible on a select change [duplicate]在选择更改时使文本框可见[重复]
【发布时间】：2015-12-05 00:51:45
【问题描述】：

我有一个带有选择和文本框的页面。如果您选择“未列出”，则 responseText 将返回“未知”，然后我想让文本框可见。文本框位于 div 中。

<div id='qualification'>
<input type='text'>
</div>

当从选择中选择一个项目时，这部分脚本会隐藏文本框（出于测试目的，因为我真的希望它显示文本框而不是隐藏它，但表明一切正常）：

if (xmlhttp.responseText == 'Unknown') {
    $('#qualification').hide();
}

但是，如果我将 div 设置为在开始时隐藏：

<div id='qualification' style='visibility: hidden'>

然后改变

if (xmlhttp.responseText == 'Unknown') {
    $('#qualification').show();
}

它不起作用。有什么想法吗？

【问题讨论】：

将 <div id='qualification' style='visibility: hidden'> 更改为 <div id='qualification' style='display:none;'>

【解决方案1】：

可见性需要改变

$('#qualification').css('visibility','visible');

display: none != visibility: hidden

【讨论】：

【解决方案2】：

编辑

其实应该是这样的

display:none;

【讨论】：

【解决方案3】：

尝试使用display 属性而不是visibility：

<div id='qualification' style='display: none'>

希望这会有所帮助。

【讨论】：