2011-02-17 83 views
0

我在本網站看到一個示例代碼,用於根據第一個下拉列表的選擇動態填充第二個下拉菜單。我有帳號下拉菜單,根據選擇,我需要用相應的email-id填充第二個下拉菜單。代碼在這裏:Populating Child Dropdown(使用java腳本的第二個選項)。如何在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腳本。

+0

嗯。這真的是Javascript相關的嗎?還是隻有Java/Struts相關? – DashK 2011-02-17 16:03:59

回答

0

問題可以以下列方式

  1. 使用選擇元素的onchange事件來解決,在第一箱提交表單並填充在第二個選擇框數據。

  2. 使用AJAX來獲取同樣的方式數據,而不是提交表單

  3. 抓取所有主要和相關數據,它們存儲在陣列中。按鍵調用它們。你可以用JSON來解決

相關問題