如何打开基于 HTML 表单条目的文件

Question

我有两个带有下拉列表的单独字段，一个用于用户，第二个用于数据。然后我有一个按钮，理想情况下它可以作为两个下拉列表的选择的输出。该表单应检索与选择相关的文件。要打开的文件始终具有以下格式，因此我希望利用它： _.csv

这是我正在使用的简化版本：

<td align="left"><!-- User/data selector -->
  <table border="0">
    <tbody>
      <tr>
        <th align="left">User:</th>
        <td>
        <select name="users" id="users">
        <option value="user1">User 1</option>
        <option value="user2">User 2</option>
        <option value="user3">User 3</option>
        </select>
        </td>
      </tr>
      <tr>
        <th align="left">Data:</th>
        <td>
        <select name="data" id="data">
        <option value="data1">Data 1</option>
        <option value="data2">Data 2</option>
        <option value="data3">Data 3</option>                    
        </select>
        </td>
      </tr>
      <tr>
        <td></td>
        <td><input type='button' value='Generate Report' onClick='newWindow();'/></td>
      </tr>
    </tbody>
  </table>

所以，我正在努力解决的是知道在函数 newWindow() 获取所需的“用户”和“数据”选择以获取正确的文件。你能帮忙吗？

非常感谢！

Answer 1

您可以使用 document.getElementById(id).value 获取这些 字段的值，其中 id 将为 data 或 users，以便组成 csv 文件名。

openWindow 函数可能如下所示：

function openWindow(){
    var users = document.getElementById('users').value;
    var data = document.getElementById('data').value
    var fileName =  users + "_" + data + ".csv";
    var pathToFiles = "/whateverdirectory/";

    window.open(pathToFiles + fileName, fileName);
}

另外，请记住您 不应该使用 用于布局，它们用于显示表格数据。建议使用

代替。

您可能还会发现此博客条目很有用： 使用 window.open方法。