c# - How can div hide bydefault onload event

Question

I have a dropdown list which by default shows 'select' option on page load. Below that is a DataGrid which contains some data. How do I hide the data in the div when the dropdown has 'select' selected? When I change the option to something other than 'select', I would like it to show the data.

Answer 1

ページがロードされたときにドロップダウンが選択されていないと仮定すると (つまり、「select」が表示されます)、css ファイルに次のようなものを追加して、デフォルトで 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();
    }
});