时间戳

首页 > 解决方案 > 页面重新加载后下拉菜单不显示

html - 页面重新加载后下拉菜单不显示

问题描述

我的页面中有三个下拉菜单，其中两个显示完美，而另一个没有出现，当查看页面中的元素时，即使我是用 style="display: inline;" 强制它。这是代码：

<div class="dropdown">
  <div id="myBrokenDropdown" class="dropdown-content">
    <select class='filter' id="notWorkingOne">
      <option value=""> Select</option>
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>
    </select>
  </div>

  <!--select button-->
  <div id="select1" class="dropdown-content">
    <select class='filter' id="select1Works" data-col="1">
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>

    </select>
  </div>
  <div id="select2" class="dropdown-content">
    <select class='filter' id="select2Works" data-col="5">
      <option value=""> Select</option>
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>
    </select>
  </div>
</div>

此外，在 jquery 中，我可以使用以下代码隐藏/显示两个下拉列表：

$('#select1Works').hide();
$('#select2Works').hide();
$('#notWorkingOne').hide();
$(document).ready(function() {
  $("input[type='radio']").on('change', function() {
    $("#select1Works").toggle($("[name=radioButton]").index(this) === 0);
    $("#select2Works").val("").trigger("change");
    $("#select2Works").toggle($("[name=radioButton]").index(this) === 1);
    $("#select1Works").val("").trigger("change");
    if ($('#select1Works').is(':visible') || $('#select2Works').is(':visible')) {
      $('#notWorkingOne').show();
    }
  })
});

为什么“myBrokenDropdown”没有显示？非常感谢

标签： htmljquerydropdown

解决方案

这是我实际代码中选择器的问题，我错过了一个“#”。

推荐阅读