如何使用jquery触发datagrid中的下拉列表

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/datagrid.js"></script>

<table id="datagrid">
  <thead>
    <tr>
      <th>Name</th>
      <th>Options</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td class="dropdown-trigger">
        <select>
          <option value="option1">Option 1</option>
          <option value="option2">Option 2</option>
          <option value="option3">Option 3</option>
        </select>
      </td>
    </tr>
    <!-- more rows... -->
  </tbody>
</table>

$(document).ready(function() {
  $('.dropdown-trigger').click(function() {
    $(this).find('select').trigger('click');
  });
});