Javascript 使用所选Jquery进行依赖选择

我只想做一些非常简单的事情，这是一个选择，取决于选择哪个选项，它填充第二个选择

我总是通过隐藏/显示这样的选择来实现这一点（JS）：

但现在我正在尝试选择，但它不起作用。它删除所有选择的掩码并将选择返回到本机。我也试过这个（JS）：

而且它也不起作用。它不会删除选中的，但不会执行任何操作。有什么想法吗？我知道这听起来很基本，因为我在任何地方都找不到准确的答案

PS：我正在尝试用JS来实现，而不是通过AJAX。

我假设#select_1是将所选的插件应用于它。如果这是正确的，#select_1将有一个显示样式：none；应用于它，因此您不会在其上注册任何“单击”事件

如果您查看“Selected”文档，您可以发现如何将更改处理程序注册到所选元素

如果选择应用于#选择#2和#选择#3，则切换这两个元素的可见性是毫无意义的，因为它们已经隐藏。所选插件呈现的HTML将包含ID为#select_2_selected和#select_3_selected的容器元素-因此切换这些元素的可见性

下面的代码假设#select_2和#select_3具有“selected”类。我正在分别应用Selected to#select_1，以便绑定唯一的更改事件。最后，我在定义更改处理程序后立即触发更改事件，以便#select_3_selected将被隐藏

$(".chosen").chosen();
$("#select_1").chosen().change(function () {
    var value = $(this).val();
    if (value=="A") {
        $("#select_2_chosen").css('visibility','visible');
        $("#select_3_chosen").css('visibility','hidden');
    } else if (value == "B") {
        $("#select_2_chosen").css('visibility','hidden');
        $("#select_3_chosen").css('visibility','visible');
    } 
}).trigger('change');

---

是否有用于所选（）函数的插件？如果是这样，您是否正确地包含了它？谢谢，它起作用了。但是，不是使用.css（'visibility'，'hidden'），而是使用.hide（）

$(document).ready(function(e) {
  $("#select_2").css('visibility','hidden');
  $(".chosen").chosen();
  $("#select_1").click(function() {
   if ($("#select_1").val()=="A") {
   $("#select_2").css('visibility','visible');

   }

$(".chosen").chosen();
$("#select_1").chosen().change(function () {
    var value = $(this).val();
    if (value=="A") {
        $("#select_2_chosen").css('visibility','visible');
        $("#select_3_chosen").css('visibility','hidden');
    } else if (value == "B") {
        $("#select_2_chosen").css('visibility','hidden');
        $("#select_3_chosen").css('visibility','visible');
    } 
}).trigger('change');