1

我想用文件的内容填充一个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代码。

4

1 回答 1

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>
于 2013-05-30T04:03:16.600 回答