0

我想要做的是用 excel 文件中的值填充一个 html 下拉列表。我还需要将它编码到它将在第一个字段中查找一个下拉框中的值的位置,然后填充另一个下拉框。

excel 文件将包含我已编码到 HTML 中的名称列表,但此列表会更改。所以我需要一种从excel文件中提取信息的方法。第一行不会显示在 HTML 文件中,因为这将被编码到网页中。

Excel文件

县城
戴维森安提阿
戴维森纳什维
尔卢瑟福士麦那

当有人从 html 表单中选择戴维森郡时,我希望它在另一个下拉框中显示戴维森城市供他们选择。我一直用来在没有 excel 的情况下实现这一点的代码如下:

<htmL>
<title>
</title>



<body>
<script type="text/javascript">


function configureDropDownLists(county,city) {
        var Davidson = new Array('', 'Antioch', 'Nashville');
        var Rutherford = new Array('', 'Smyrna', 'LaVergne');

        switch (county.value) {
                 case 'Davidson':
                       document.getElementById(city).options.length = 0;
                       for (i = 0; i < Davidson.length; i++) {
                       createOption(document.getElementById(city), Davidson[i], Davidson[i]);
                }
                break;
            case 'Rutherford':
                document.getElementById(city).options.length = 0; 
            for (i = 0; i < Rutherford.length; i++) {
                createOption(document.getElementById(city), Rutherford[i], Rutherford[i]);
                }
                break;
        }

    }

 function createOption(county, text, value) {
        var opt = document.createElement('option');
        opt.value = value;
        opt.text = text;
        county.options.add(opt);
    }
</script>
<tr>
<td>County Name: </td>
<td><select id="county" onchange="configureDropDownLists(this,'city');">
<option value=""></option>
<option value="Davidson">Davidson</option>
<option value="Rutherford">Rutherford</option>
</select></td>
</tr><br>
<tr>
<td>City: </td>
<td><select id="city">
</select></td>
</tr>


</body>
</html>

我不确定如何从我的 excel 工作表中获取数据以执行相同的操作,因为我需要搜索第一列并使用 javascript、activeX 或任何其他可以在网页。excel 文件将与网页位于同一目录中的共享驱动器上。

4

1 回答 1

1

JavaScript 无权访问文件系统来执行此操作。您最好的选择是在服务器端读取信息并在页面加载时填充列表。如果不是页面加载并且基于用户选择,则需要 AJAX 来进行无缝转换。

于 2013-11-07T14:38:43.477 回答