Как добавить значения в раскрывающемся списке в сценарии Java

Question

Я видел пример кода на этом веб-сайте для динамического заполнения второго раскрывающегося списка на основе выбора первого раскрывающегося списка. У меня есть выпадающий номер счета и в зависимости от выбора мне нужно заполнить второй выпадающий с соответствующим адресом электронной почты. код здесь: Заполнение дочернего выпадающего списка (второй вариант с использованием сценария Java).

Но может ли кто-нибудь дать мне знать, как заполнять значения во втором раскрывающемся списке?

      <script>     
       var dd2options = ${dd2optionsAsJSObject};   
       var dd3options = ${dd3optionsAsJSObject};    
       function dd1change(dd1) {        
    // Fill dd2 options based on selected dd1 value.      
       var selected = dd1.options[dd1.selectedIndex].value;         ...     }   

    </script> 

Мой код как ниже - как изменить код, чтобы сделать это?

               <td>  
                    1. Member Account Number      
                    <span class="bodyCopy">   
                       <font color="#ff0000"> * </font>      
                    </span>:      
                    <html:select   
                    name="DataForm"                    
                    property="Member.accountNumber"                    
                    styleClass="formContent"               
                    style="width:80px">         
                       <html:options collection="<%= WorkConstants.RENewDropdowns.PACCT %>"                          
                       property="value"                          
                       labelProperty="label"                          
                       styleClass="formContent"/>     
                   </html:select> 
              </td> 

Мой второй выпадающий список выглядит так:

       <td>  
           3. Member <br>E-mail Address:<br />  
           <span class="bodyCopy"></span>     
           <html:select  
           name="DataForm"                   
           property="Member.emailAddress.emailAddress"                
           style = "width:150px"                  
           styleClass="formContent">        
               <html:options collection="<%= WorkConstants.RENewDropdowns.PEMAIL %>"                         
               property="value"                         
               labelProperty="label"                         
               styleClass="formContent"/> 
           </html:select> 
       </td> 

Благодарим вас за помощь, поскольку я новичок в java-скрипте.

Answer 1

Проблема может быть решена следующими способами

1. Используя событие onchange элемента select, в первом поле отправьте форму и заполните данные во втором поле выбора.

2. Используйте ajax для получения данных таким же образом вместо отправки формы

3. Получить все основные и связанные данные, сохранить их в массивах. Звоните им по ключу. Вы можете использовать JSON для решения