Question

我想用文件内容填充html列表框（选择标记）（即文件的每一行应该成为列表框中的单个选项（选择元素））。

假设我有一个文件说"load_lines.txt"包含

s1.txt
s2.txt
s3.txt
s4.txt
s5.txt

有一个html表单

<html>
  <head>
    <title>List box Loading</title>
  </head>

  <body>
    <form id="frm1" name="frm1" action="" method="GET">

      <select id="lb" name="lb" size="5">
      </select><br /><br />

      <input type="button" id="btn1" name="btn1" value="OK" />

    </form>
  </body>
</html>

加载表单时，应使用文件"load_lines.txt"的内容填充列表框（选择元素）。

任何人都可以使用javascript告诉如何做到这一点吗？请提供javascript代码。

Answer 1

这是完成工作的快捷方式。希望这会有所帮助。

<form id="frm1" name="frm1" action="" method="GET">
    <select id="lb" name="lb" size="5"></select>
    <br />
    <br />
    <input type="button" id="btn1" name="btn1" value="OK" />
</form>
<script>
        var client = new XMLHttpRequest();
        client.open('GET', 'load_lines.txt');
        client.onreadystatechange = function() {
                t = client.response 
                t = t.split('\n');
                var listbox;
                for(i=0;i<t.length;i++){
                        listbox +='<option value="'+i+'">'+t[i]+'</option>';
                }
                document.getElementById('lb').innerHTML=listbox;
        }
        client.send();
</script>

如何动态填充文件内容的列表框？

1 个答案: