创建**一页**，可以在同一页面上单独显示不同的选项

Question

我想创建一个页面，它可以显示来自特定公司的数据，但不能显示所有公司的数据，并且每个公司选择在同一页面上显示/自动刷新。

这个想法是，即使公司被添加到表格中，页面仍然可以单独显示新公司及其相关日期。

e.g。

  

选择公司：
  雀巢
  AMCO
  ANSA Mcal
  教育部门

当选择一个选项时，页面会自动刷新公司表中的公司信息以及所选公司的相关表格。

注意 - 我是Oracle Apex的初学者，所以对此有任何帮助或建议将不胜感激

Answer 1

将更改处理程序绑定到select并将处理程序中的所需内容加载到内容div，例如

HTML

<select id="company">
    <option value="o">Select a company?</option>
    <option value="1">Nestle</option>
    <option value="2">AMCO</option>
    <option value="3">ANSA Mcal</option>
    <option value="4">Minstry of Education</option>
</select>
<div id="content"></div>    

的JavaScript

$('#company').on('change', function(){
    var url;//url with company information to display
    switch ($(this).val()){
        case 1:
            url = '/nestle-info';
            break;
        case 2:
            url = '/amco-info';
            break;
        case 3:
            url = '/ansa-info';
            break;
        case 4:
            url = '/moe-info';
            break;
        default:
            return;
    }
    $('#content').load(url);
});