根據在另一個選擇列表中選擇的值填充一個選擇列表

我正在使用jsp製作一個接口。我有兩個選擇列表。我必須根據第一選擇列表中的值填充第二個選擇列表。根據在另一個選擇列表中選擇的值填充一個選擇列表

〔實施例：

選擇列表中的一個有：GSM，CDMA

然後，

如果用戶選擇了GSM，他應該看到板球，COMBO OFFER，ASTRO在選擇列表2.或者，如果用戶選擇CDMA，他應該在選擇清單中看到COMBO OFFER CDMA，VOICE CHAT，WIN THE DREAM 2

任何人都可以請我幫忙嗎？

這是代碼

<tr> 
<td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERVICE:</b></font> </td> 
<td><select name="service" > 
<option value="GSM">GSM</option> 
<option value="CDMA">CDMA</option> 
</select> 
</td> 


<td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VAS :</b></font> </td> 
<td><select name="service" > 
<option value="COMBO OFFER">COMBO OFFER</option> 
<option value="COMBO OFFER CDMA">COMBO OFFER CDMA</option> 
<option value="WIN THE DREAM">WIN THE DREAM</option> 
<option value="VOICE CHAT">VOICE CHAT</option> 
<option value="CRICKET">CRICKET</option> 
<option value="ASTRO">ASTRO</option> 
</select> 
</td> 
</tr>

來源

2014-04-29 learner

的，如果你可以選擇一個值在第二隻使用JavaScript，或者如果你需要去選擇Depends中通過服務器 – Swippen

第一次選擇和第二次選擇的輸入是什麼。你從服務器端傳遞列表嗎？ –

它在這個例子中被硬編碼。 – learner

嘗試這樣的：

<html> 
<head> 
<script language="JavaScript" type="text/javascript"> 
    function optionsChange(){ 
     var service = document.getElementById("service").value; 
     if(service == 'GSM'){ 
      document.getElementById("cdmaService").value= ''; 
      document.getElementById("cdmaService").style.display = 'none'; 
      document.getElementById("gsmService").style.display = 'block'; 
     }else if(service == 'CDMA'){ 
      document.getElementById("gsmService").value= ''; 
      document.getElementById("cdmaService").style.display = 'block'; 
      document.getElementById("gsmService").style.display = 'none'; 
     } 
    } 
</script> 
<head> 
</head> 
<body> 
    <table> 
    <tr> 
     <td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERVICE:</b></font> </td> 
     <td><select id="service" name="service" onChange="javascript:optionsChange();"> 
       <option value="GSM">GSM</option> 
       <option value="CDMA">CDMA</option> 
      </select> 
     </td> 
    </tr> 
    <tr><td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VAS :</b></font> </td></tr> 
    <tr id="gsmService"> 
     <td><select name="gsmService" > 
       <option value="COMBO OFFER">COMBO OFFER</option> 
       <option value="CRICKET">CRICKET</option> 
       <option value="ASTRO">ASTRO</option> 
      </select> 
     </td> 
    </tr> 
    <tr id="cdmaService"> 
     <td><select name="cdmaService" > 
      <option value="COMBO OFFER CDMA">COMBO OFFER CDMA</option> 
      <option value="WIN THE DREAM">WIN THE DREAM</option> 
      <option value="VOICE CHAT">VOICE CHAT</option> 
      </select> 
     </td> 
    </tr> 
    </table> 
</body>

來源

2014-04-29 12:14:57 Prasad

這正是我所需要的。非常感謝。 – learner

根據在另一個選擇列表中選擇的值填充一個選擇列表

回答

相關問題