如何div默认隐藏onload事件

Question

我有一个下拉列表，默认情况下在页面加载时显示'select'选项。下面是DataGrid，其中包含一些数据。当下拉菜单选中“选择”时，如何隐藏div中的数据？当我将选项更改为“选择”以外的其他内容时，我希望它显示数据。

Answer 1

假设当页面加载时，下拉列表没有选择（因此显示'select'），只需在默认情况下通过css文件隐藏您的DataGrid：

#myDataGrid{
   display: none;
}

当选择发生变化时，显示它（例如使用jQuery）：

jQuery('#mySelect').change(function(){
    //(this assumes that your select option has value 'select')
    if(jQuery("#mySelect").val() == 'select'){
        jQuery('#myDataGrid').hide();
    }else{
        jQuery('#myDataGrid').show();
    }
});