0

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

4

1 回答 1

1

假设当页面加载时,下拉列表没有选择(因此显示“选择”),默认情况下,只需通过在您的 css 文件中添加类似这样的内容来隐藏您的 DataGrid:

#myDataGrid{
   display: none;
}

and when the selection changes, show it (using jQuery for example):

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();
    }
});
于 2012-08-21T14:32:10.673 回答