Нажмите строки таблицы, чтобы отправить параметры на новую страницу?

Question

Я хочу сделать каждый tr кликабельным, чтобы он перенаправлял на URL с параметром issue_id в качестве параметра. Я много искал и видел много примеров jquery и javascript, но все еще не могу найти решение. Я сталкиваюсь с этим, может быть, потому что это динамический c стол.

Это мой стол:

<table border-bottom=1 align=center style="text-align:center" class="myTable" id="myTable">
  <thead>
    <tr>
      <th onclick="sortTable(0)">Priority</th>
      <th onclick="sortTable(1)">Date</th>
      <th onclick="sortTable(2)">Issue ID</th>
      <th onclick="sortTable(3)">Issue Subject</th>
      <th onclick="sortTable(4)">Name</th>
      <th onclick="sortTable(5)">Location</th>
      <th onclick="sortTable(6)">Feedback</th>
      <th onclick="sortTable(7)">Status</th>
      <th onclick="sortTable(8)">Department</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <% while(rs1.next()){ %>
      <tr>
        <td>
          <select name="priority" id="priority">
            <option value="<%=rs1.getString(11)%>" selected>
              <%=rs1.getString(11)%>
            </option>
            <option value="low">Low</option>
            <option value="medium">Medium</option>
            <option value="high">High</option>
          </select>
        </td>
        <td>
          <%=rs1.getString(14) %>
        </td>
        <td>
          <%=rs1.getString(1) %>
        </td>
        <td>
          <%=rs1.getString(2) %>
        </td>
        <td>
          <%=rs1.getString(6) %>
        </td>
        <td>
          <%=rs1.getString(4) %>
        </td>
        <td>
          <%=rs1.getString(9) %>
        </td>
        <td>
          <%=rs1.getString(7) %>
        </td>
        <td>
          <select name="dept" id="dept">
            <option value="<%=rs1.getString(10)%>" selected<%=rs1.getString(10)%></option>
            <option value="other">Other</option>
            <option value="health">Health</option>
            <option value="education">Education</option>
            <option value="sports">Sports</option>
            <option value="welfare">Welfare</option>
            <option value="forest">Forest</option>
            <option value="food">Food</option>
            <option value="agriculture">Agriculture</option>
          </select>
        </td>
        <td><button type="submit">Submit</button></td>
      </tr>
      <%}%>
  </tbody>
</table>

Answer 1

Если у вас уже есть jquery, вы можете написать что-то вроде

$(document).on('click', 'tr', (evt) => {
  // read url from evt.target
  // redirect to url
});

таким образом, не имеет значения, когда / откуда приходят ваши tr-s. вероятно, стоит ограничить tr некоторым родительским идентификатором / классом