서버 쪽에서 검색 한 값에서 select html 요소의 값을 설정하는 방법

Question

나는 html의 콤보 박스 또는 선택 요소를 가지고 있습니다. 서버에서 검색 한 값을 통해이 html 요소의 값을 설정하려고합니다.

서버 배열에서 가져온 값입니다. 이 배열을 구문 분석하고 html 요소의 값을 설정하고 싶습니다.

서버 측에서 struts 1.3을 사용합니다. 배열에서 서버 측의 값을 설정하고 작업 값으로 값을 설정합니다. 이제 스크립틀릿을 사용하지 않고 값을 검색하고 javscript를 사용하여 html 요소에이 값을 설정하려고합니다.

샘플 코드

<table width="100%"> 
<tr><td>&nbsp;</td></tr> 

<tr> 
    <td width="40%" align="right"><bean:message key="com.console.pack1"/>:</td> 
     <td> 
       <select name="n1"> 
         <option value="0">A</option> 
         <option value="1">B</option> 
         <option value="3">C</option> 
       </select> 

     </td> 
     </td> 
</tr> 
<tr id="line_second"> 
    <td width="40%" align="right"><bean:message key="com.console.pack2"/>:</td> 
    <td> 
     <select name="n2"> 
         <option value="0">A</option> // set the values of option from the array retrieved from struts action form 
         <option value="1">B</option> 
         <option value="3">C</option> 
     </select> 
    </td> 
    </td> 
</tr> 

값은 HTML 요소에서이 값을 설정하는 방법 행동 양식

MyActionForm form = (MyActionForm) actionForm; 
form.setArray(array); 

에 액션 클래스에서 설정합니다.

가능한 해결 방법이 있습니까? 어떤 아이디어!

** Remeber : ** 서버의 html 요소 값은 동적입니다.

Answer 1

Idk 배열을 얻는 방법에 대해 알고 계실 것입니다.

//set the select element to a variable 

var selectEl = document.querySelector('select'); 

var data = [1,2,3,4,5] 
for(var d of data){ 
selectEl.appendChild(new Option(d, d)); //the new Option() takes two arguments 1: innerText, 2: value 
}