Javascript 隐藏JQuery不工作

我正在尝试制作一个下拉菜单（B），该菜单一开始是隐藏的，当一个不同的表单（a）完成时，就会显示这个下拉菜单（B）。但是，当页面加载时，第二个下拉菜单（B）不会隐藏。代码位于下面并存储在php文件中

<h4>And What Type of Data Are You Focusing On?</h4>
    <select name="library_type" id="library_type">
      <option value="DNA"> DNA </option>
      <option value = "RNA"> RNA </option>
      <option value="WGS"> Whole Genome Sequences</option>
      <option value="WXS">Whole Exome Sequences</option>
      <option value="RNA-Seq">RNA-Seq</option>
      <option value = "miRNA-Seq">miRNA-Seq</option>
      <option value = "VALIDATION">VALIDATION</option>
      <option value = "AMPLICON">AMPLICON</option>
      <option value = "ChIP-Seq">ChIP-Seq</option>
      <option value = "Bisulfite-Seq">Bisulfite-Seq</option>
      <option value = "TARGET_60">TARGET_60</option>
      <option value = "TARGET_50">TARGET_50</option>
      <option value = "TARGET_61">TARGET_61</option>
      <option value = "OTHER">OTHER</option>
    </select>
<h4> What Condition are You Interested in? </h4>
    <select name="tissueState" id="tissueState">
      <option value = "Normal"> Normal </option>
      <option value = "Tumor"> Tumor </option>
      <option value = "Both"> Both </option>
    </select>

  <br><br>
  <input type="submit" value="Show me Matches">
</form></center>

在.php文件的头部，我有一个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  
<script src="hideDropDownMenu.js"></script>

以下是页面的外观

您的代码有缺陷

首先，正确关闭文档准备和更改事件

从这个

}

到这个

}）
这个
$（文档）.ready（函数）（{
必须在
$（文档）.ready（函数（）{

这是正确的代码：

<script>
  $("#tissueState").hide();

  $(document).ready(function(){
    $('#library_type').change(function(){
      var value = $(this).val();
    });
  });
</script>


$（“#tissueState”）.hide（）；
$（文档）.ready（函数（）{
$（'#库类型'）。更改（函数（）{
var值=$（this.val（）；
});
});

试试看：
为了在页面加载期间隐藏下拉列表，您需要在document ready函数中声明hide语句

  $(document).ready(function)(){
    $("#tissueState").hide();
    $('#library_type').change(function(){
      var value = $(this).val();
    });
  });

第二个下拉列表的代码在哪里？是否有地方可以显示此问题不起作用，以便我们可以看到？只是想一想……您确定要包含jQuery吗？屏幕截图不能帮助我们看到浏览器可能引发的任何错误。@xkcd149我想是的，我包含了@xkcd149我编辑了描述我在哪里遇到的问题m当前.If
$（“#tisuestate”）.hide（）；
在元素存在于页面上后执行，这很好，不需要在文档就绪调用中。您的代码中可能有脚本错误。我在您发布的代码中看到您引用了#library(类型#library)但未在DOMI中声明它对您有效，但是，当我复制该代码时，它对我无效…您需要ason是因为在同一个文件中有JavaScript代码和PHP代码……我正试图将JavaScript移到一个外部文件并调用该代码。如果您将脚本放在html中的标记之前，它将不起作用，这正是您所经历的。在@Baro的示例起作用的地方，这一个不起作用。@xkcd149在我发布的问题中，script在标记之后。我的最后一个答复是澄清一个概念。我认为您的问题不取决于包含在php文件中的脚本，但如果这可以清除您的代码，对于您和更好地理解代码来说都是一件好事。
  $(document).ready(function)(){
    $("#tissueState").hide();
    $('#library_type').change(function(){
      var value = $(this).val();
    });
  });