2016-08-26 24 views
0

をプルダウンための配列にそれを解析し、私は以下のHTMLコードスニペットがあります。名前の量が非常に大きな得るかもしれないので、私はそのテキストファイルを持っている今は、HTMLでテキストファイルを読み込み、メニュー

<table border=0 cellspacing=0 cellpadding=0 width=100%><tr> 
    <td width=40% align="right">Name :</td> 
    <td align='left' nowrap>" 
    <select style="width=250px;height:18px;margin-bottom:5px;" id="name"> 
     <option value=''>David</option> 
     <option value=''>Erika</option> 
     <option value=''>Stephanie</option> 
     <option value=''>Steven</option> 
     <option value=''>Angela</option> 
    </select> 

を名前のリストだけです。上記のコードのスニペットに基づいて、テキストファイルの名前をプルダウンメニューに表示できるように、HTMLファイルをテキストファイルに読み込ませるにはどうすればよいですか?

答えて

0

名前をHTMLファイルに直接入れたくない理由がわかりませんが、それぞれの名前の前後に<option>タグを入力しないようにしたいのであれば、スクリプトを使ってそう。

例えば、リストだけであるためにあなたの <select>コードを変更し

<select style="width=250px;height:18px;margin-bottom:5px;" id="name">John 
    Barry 
    More 
    Drew 
    Brees 
    David 
    Erika 
    Stephanie 
    Johnny 
    Angela 
    Steven 
</select> 

を次に右あなたの</body>タグの前にこのスクリプトを追加:

<script> 
    var sel = document.getElementById("name"); 
    var names = sel.innerHTML.split("\n"); 
    var i = 0; 
    sel.innerHTML = ""; 
    for (i = 0; i < names.length; i++) { 
     sel.innerHTML += "<option value=''>" + names[i] + "</option>"; 
    } 
</script> 

私はこのことができます願っています。

関連する問題