Javascript 如何使用'；改变'；jquery 2.1.4？

当用户在文本框中输入一些值时，我试图显示选择框，我尝试使用jquery的onchange属性，但它不起作用

下面是我的代码

$（文档）.ready（函数（）{
$（“#总计_输入”）。更改（函数（）{
$（.gst_sel_wrap”）.css（“显示”、“块”）；
});
})

.gst\u sel\u wrap{
显示：无；
}

GST板
0%
5%
12%
18%
28%

尝试使用jQuery

keydown

方法：

我还添加了一些代码来隐藏开头的下拉列表，因此效果变得很明显

$（文档）.ready（函数（）{
$（“.gst_sel_wrap”）.hide（）；
$（“#total_enter”）.keydown（函数（）{
$（“.gst_sel_wrap”）.show（）；
}); 
})

GST板
0%
5%
12%
18%
28%

您可以像我在这里做的那样使用其中一个或两个：

$（文档）.ready（函数（）{
$（“#total_enter”）。在（“keyup keydown”，function（）上{
$（.gst_sel_wrap”）.css（“显示”、“块”）；
});
})

.gst\u sel\u wrap{
显示：无；
}

GST板
0%
5%
12%
18%
28%

要实现这一点，您可以使用

输入

事件，因为它在按下键和复制/粘贴值时触发。您还应该检查元素的值，以确保它不是空的，因为当我假设您的选择应该再次隐藏时，该值可以被删除

最后，请注意，您可以使用

toggle（）

以更简洁的方式隐藏或显示基于给定值的选择。试试这个：

$（文档）.ready（函数（）{
$（“#total_enter”）。在（'input'，function（）上{
$（“.gst\u sel\u wrap”）.toggle（this.value.trim（）！=”）；
});
})

.gst\u sel\u wrap{
显示：无；
}

GST板
0%
5%
12%
18%
28%

你的意思是当有人输入文本时，你想显示所有选项？什么意思它不工作？它似乎在这里工作，选择正确地获取

块

显示。您希望实现什么？您需要在结束键入时保留输入文本，而不是在键入时应用更改。它只是

$（“.gst\u sel\u wrap”）.show（）非
$（.gst_sel_wrap”）.css（“显示”、“块”）@juntapao它做同样的事情。我认为在使用css规则时使用
css
是一个很好的实践。当您实际使用
hide
imo时，使用
show
更容易理解