Can't pass value from option value and display on table using jQuery AJAX PHP

This is the image in inspect element when I clicked the option
enter image description here

this is the option enter image description here

and show an alert
enter image description here

This is my HTML

This is my select tag and option value

<div class="dt_limit">Limit :
    <select id="dt_limit" style="width:60px;" onchange="javascript:load_timesheet_logs_list_dt();">
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="20">20</option>
        <option value="50">50</option>
        <option value="100">100</option>
        <option value="200">200</option>
    </select>
</div>

This is my JavaScript Function. This is the function I created using jQuery AJAX. The url is my php path directory, I’m not sure about the query variable that I concatenated in url

function load_timesheet_logs_list_dt() {
    var data = $('#dt_limit').val();
    var pathname =location.search;
    var convert_data = parseInt(data);

    $.ajax({
        type: 'GET',
        url: 'attendance/manage',
        data:  ({ data: data}) ,
        success: function(data){
            return data;
        },
        error: function( jqXHR, textStatus, errorThrown){
            alert(errorThrown);
        }
    })
}

This is my PHP Function
the $per_page variable is just for experimenting only
I manually created that variable for showing data, the code works fine but I want to make it dynamic when selecting a value from select tag on my html then show the data on my table depending on the value selected in option tag**

function manage() {
    $per_page = $_GET['data'];
    $page_number = (int) $_GET['pageID'];

    if ($page_number > 0) {
        $page_number--;
        $start_record = $page_number * $per_page;
    } else {
        $start_record = $page_number;
    }
}