如何通过单击页面选择下拉列表来计算datatable上的总行数

<select id="datatableSelect">
  <option value="datatable1">Datatable 1</option>
  <option value="datatable2">Datatable 2</option>
  <option value="datatable3">Datatable 3</option>
</select>
<button id="calculateButton">Calculate Total Rows</button>
<p id="totalRows"></p>

$(document).ready(function() {
  // 监听下拉列表变化事件
  $('#datatableSelect').change(function() {
    // 获取选中的datatable标识
    var selectedDatatable = $(this).val();
    
    // 根据datatable标识获取数据
    var datatableData = getData(selectedDatatable);
    
    // 计算总行数
    var totalRows = datatableData.length;
    
    // 显示总行数
    $('#totalRows').text('Total Rows: ' + totalRows);
  });
  
  // 模拟获取datatable数据的函数
  function getData(datatable) {
    // 根据datatable标识获取对应的数据
    // 这里可以根据实际情况进行数据获取，可以是从后端API获取数据，或者直接定义在前端
    // 返回一个包含数据的数组
    if (datatable === 'datatable1') {
      return [/* 数据数组 */];
    } else if (datatable === 'datatable2') {
      return [/* 数据数组 */];
    } else if (datatable === 'datatable3') {
      return [/* 数据数组 */];
    }
  }
});