$q->div( { -class => "text" }, "Folder Name : ",

    #my $defaultVal ='0';
    $q->popup_menu( -name=>'foldernameval', -id=> 'folder_name_id',
                      -onchange => 'getReportName()',
                      -type=>'dropdown',
                      -values=> \%folderhash,
                      #-default=>$defaultVal,
                      -default=>['0'],
                    ),
    $q->hidden( -name => ('folder_name', -id=> 'h_folder_name_id', -va
+lue => '' )),
    #q->a( { -href => "javascript:void(0)", -onClick => 'setFolderName
+Id()',  -title => "Populate Report Name" }, "Populate Report Name" ),
    #$q->a( { -href => "signoff.cgi?rm=view_report&fId=3", -onClick =>
+ 'setFolderNameId()',  -title => "Populate Report Name" }, "Populate 
+Report Name" ),
    ),$q->end_div,

    $q->br,
    $q->br,

    $q->div( { -class => "text" }, "Report Name : ",


    $q->popup_menu( -name=>'reportnameval', -id=> 'report_name_id',
                      #-onchange => 'getReportName()',
                      -type=>'dropdown',
                      -values=> \%reportHash,
                      -default=>['0'],
                    ),
    $q->hidden( -name => ('report_name', -id=> 'h_report_name_id', -va
+lue => '' )),
    #$q->a( { -href => "signoff.cgi?rm=view_report&fId=\'$fId\'", -onC
+lick => 'setFolderNameId()',  -title => "Populate Report Name" }, "Po
+pulate Report Name" ),
    $q->a( { -href => "signoff.cgi?rm=view_report&flag=1&fId='$fId'", 
+-onClick => 'setFolderNameId()',  -title => "Populate Report Name" },
+ "Populate Report Name" ),
    #$q->a( { -href => "signoff.cgi?rm=view_report&fId=$fId",  -title 
+=> "Populate Report Name" }, "Populate Report Name" ),
    ),$q->end_div,

    $q->br,
    $q->br,
[download]

function getReportName(){
        var folder_name_id = document.getElementById('folder_name_id')
+.value;
        alert('FOLDER NAME :'+folder_name_id);
        #document.getElementById('h_folder_name_id').value=folder_name
+_id;

       perlExecute(folderId);

}

function perlExecute(url){
    alert('PERLEXECUTE METHOD GET CALLED AND FOLDER NAME ID :'+url);

   function perlExecute(url){

    $.ajax({
    url: '/signOffPageOnDev/js/reportList.pm',
    type: 'get',
    data: {
      'id' : '1234'
   }

  });

     };
  };
[download]

2023-03-11 Athanasius added code tags.

url: '/signOffPageOnDev/js/reportList.pm'
[download]

Your webserver probably isn't configured to execute .pm files. For a long time now CGI has advised against HTML generation. The docs go into detail about the alternatives and suggest templating to separate perl code from HTML, JavaScript etc. Tutorials has links for debugging advise, my own advice, don't use CGI like this.

thanks for replying on same . I just need your help , please share me the code how to call method on perl file from Javascript/Ajax code ?

You forgot code tags.

Cheers Rolf
_{(addicted to the 𐍀𐌴𐍂𐌻 Programming Language :)
Wikisyntax for the Monastery}