는 HTML에서 텍스트 파일을 읽고 나는 아래의 HTML 코드 조각이 메뉴

Question

풀다운을위한 배열로 구문 분석 : 이름의 양이 정말 커질 수 있으므로 지금

<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로 텍스트 파일을 읽으려면 어떻게해야합니까?

Answer 1

정확하게 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> 

도움이 되었기를 바랍니다.