My perl file :

    $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]

my Java script method :

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]

Issue , from above Ajax method , my perl file is not getting invoked. this is biggest issue

2023-03-11 Athanasius added code tags.