Question

我试图寻找答案，但是不幸的是我一直无法找到解决方案，因为我的问题是针对我所使用的工具的。

长话短说-我需要能够通过下拉框选择一个网址。每个URL链接到一个Tableau仪表板的不同视图。由于我需要在没有人工干预的情况下自动刷新仪表板，因此我正在使用自定义HTML页面。我需要有一个可重复使用的页面，因为稍后我会将其嵌入到另一个应用程序中。

为进行刷新，我将URL传递给Tableau javascript API，并使用该API刷新div。

<html>
    <head>
    <script type="text/javascript" src="https://data.medcity.net/javascripts/api/tableau-2.0.3.js"></script>
    </head>
    <body>
        <div id="dropdown" style="position:absolute,z-index:2">
            <select id="dashboard">
                <option value="url to dashboard1">Dashboard 1</option>
                <option value="url to dashboard2">Dashboard 2</option>
                <option value="url to dashboard3">Dashboard 3</option>
                <option value="url to dashboard4">Dashboard 4</option>
            </select>
        </div>
        <div id="rt" style="position:absolute,z-index:1">
        <div>
        <script type='text/javascript'>
            var placeholder = document.getElementById("rt");
            var url = document.getElementById("dashboard").value;
            var options = {
                width: "1900px",
                height: "330px",
                hideTabs: true,
                //hideToolbar: true 
            };
            var viz = new tableauSoftware.Viz(placeholder, url, options);
            setInterval(function(){viz.refreshDataAsync()},30000);
        </script>
    </body>
</html>

我需要能够从下拉列表中选择一个项目，它会自动将URL传递给API，以便它将加载新页面并运行刷新功能。

任何帮助将不胜感激。

根据下拉选择更改DIV的网址

0 个答案: