php - 无法使用 Jquery/Javascript 隐藏列表菜单

Question

我在隐藏使用 php 动态生成的列表菜单时遇到问题。我的浏览器没有隐藏它。我正在使用火狐；代码是这样的：

<div id="groupstd">
<br />
<select style="text-align:center;" name="std3">
<option value="Select" selected="selected">Please Select Student.no#3</option>
<?php
$result=Connect();
if($result>0)
{
while($row = mysql_fetch_array($result))
  {
echo '<option value=$row[\'Roll#\'].\'i-\'.$row[\'Batch\']>$row[\'Roll#\'].\'i-\'.$row[\'Batch\']</option>';
  }
}?>
</select>
</div>
<div id="grpstd">
<br />
<select style="text-align:center;" name="std4" id="std4">
<option value="Select" selected="selected">Please Select Student.no#4</option>
<?php
$result=Connect();
if($result>0)
{
while($row = mysql_fetch_array($result))
  {
echo '<option value=$row[\'Roll#\'].\'i-\'.$row[\'Batch\']>$row[\'Roll#\'].\'i-\'.$row[\'Batch\']</option>';
  }
}?>
</select>
</div>

我正在使用 JQuery 隐藏如下：

$(document).ready(function()
{
    $('#grpstd').hide();
    $('#groupstd').hide();
});

Answer 1

你什么时候试图隐藏div？您需要等到至少文件准备好：

$(document).ready(function() {
    $('#grpstd').hide();
    $('#groupstd').hide();
});

Answer 2

你试过这个吗？

$(document).ready(function() {
 $('#grpstd, #groupstd').hide();
});

或者

$(function() {
  $('#grpstd, #groupstd').hide();
});

Answer 3

在dom准备好后尝试这样做：

$(document).ready(function() {
  $('#grpstd, #groupstd').hide();//using two elements using one statement
});