Question

我在这个网站上看到了一个示例代码，根据选择的第一个下拉列表动态填充第二个下拉列表。我有帐号下拉列表，根据选择，我需要使用相应的电子邮件ID填充第二个下拉列表。代码在这里：Populating Child Dropdown（使用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

问题可以通过以下方式解决

使用select元素的onchange事件，在第一个框提交表单并在第二个选择框中填充数据。
使用ajax以相同的方式获取数据而不是提交表单
获取所有主要数据和相关数据，将它们存储在数组中。根据钥匙打电话给他们。您可以使用JSON来解决

如何在javascript中将值添加到下拉列表中

1 个答案: