Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从excel填充的HTML javascript下拉列表_Javascript_Html - Fatal编程技术网

从excel填充的HTML javascript下拉列表

从excel填充的HTML javascript下拉列表,javascript,html,Javascript,Html,我试图用excel文件中的值填充html下拉列表。我还需要对它进行编码,以便在第一个字段中查找一个下拉框中的值,然后填充另一个下拉框 excel文件将有一个名称列表,我已将其编码到HTML中,但此列表会更改。所以我需要一种从excel文件中提取信息的方法。第一行不会显示在HTML文件中,因为它将被编码到网页中 Excel文件 县城 戴维森安提俄克 戴维森·纳什维尔 卢瑟福士麦那酒店 当有人从html表单中选择县戴维森时,我希望它在另一个下拉框中显示戴维森城市供他们选择。我在没有excel的情况下

我试图用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>

功能配置下拉列表(县、市){
var Davidson=新数组(“”,'Antioch','Nashville');
var Rutherford=新数组(“”,'Smyrna','LaVergne');
开关(县值){
“戴维森”案:
document.getElementById(城市).options.length=0;
对于(i=0;i
城市:

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

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