Oracle APEX中如何根据列数据从链接列跳转至不同页面

根据你使用的技术栈，有几种直接的实现方式：

纯前端静态表格（HTML+JS） #

如果是静态HTML表格，给链接元素绑定点击事件，读取对应行的文本列值后跳转：

<table id="data-table">
  <thead>
    <tr>
      <th>文本列</th>
      <th>操作链接</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="text-col">A</td>
      <td><button class="jump-link">跳转</button></td>
    </tr>
    <tr>
      <td class="text-col">B</td>
      <td><button class="jump-link">跳转</button></td>
    </tr>
    <!-- 更多行 -->
  </tbody>
</table>

<script>
document.querySelectorAll('.jump-link').forEach(btn => {
  btn.addEventListener('click', function() {
    // 获取当前行的文本列内容
    const textVal = this.closest('tr').querySelector('.text-col').textContent.trim();
    // 判断并跳转
    if (textVal === 'A') {
      window.location.href = '/page3'; // 替换为你的页面3实际路径
    } else if (textVal === 'B') {
      window.location.href = '/page4'; // 替换为你的页面4实际路径
    }
  });
});
</script>

要是想用<a>标签，把href设为javascript:void(0)，再绑定同样的点击逻辑就行。

前端框架（以Vue 3为例） #

用框架的话，循环渲染时直接在点击事件里判断文本值：

<template>
  <table>
    <thead>
      <tr>
        <th>文本列</th>
        <th>操作链接</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="row in tableData" :key="row.id">
        <td>{{ row.textCol }}</td>
        <td>
          <a @click="goToPage(row.textCol)">跳转</a>
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script setup>
// 示例表格数据
const tableData = [
  { id: 1, textCol: 'A' },
  { id: 2, textCol: 'B' }
];

const goToPage = (textVal) => {
  textVal === 'A' ? window.location.href = '/page3' : window.location.href = '/page4';
};
</script>

React的逻辑类似，在onClick回调里读取对应行的文本字段值，再执行跳转。

后端渲染表格（以PHP为例） #

如果是后端生成HTML，可以直接在渲染时根据文本列值设置链接的href：

<table>
  <thead>
    <tr>
      <th>文本列</th>
      <th>操作链接</th>
    </tr>
  </thead>
  <tbody>
    <?php foreach ($tableRows as $row): ?>
    <tr>
      <td><?= $row['textCol'] ?></td>
      <td>
        <a href="<?= $row['textCol'] === 'A' ? '/page3' : '/page4' ?>">跳转</a>
      </td>
    </tr>
    <?php endforeach; ?>
  </tbody>
</table>

这种方式不需要前端JS，直接后端输出对应跳转地址。

内容的提问来源于stack exchange，提问作者Nayana