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>

フォームが読み込まれると、リスト ボックス (select 要素) にファイルの内容が入力されます"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 に答える