jquery - 创建**一个页面**，可以在同一页面上单独显示不同的选择

Question

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

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

例如

选择公司：
雀巢
AMCO
ANSA Mcal
Minstry of Education

选择选项后，从公司表格和所选公司的相关表中使用公司的信息进行了页面自动刷新。

注意——我是 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);
});