Remplir une liste de sélection en fonction de la valeur sélectionnée dans une autre liste de sélection

je fais en utilisant une interface JSP. et j'ai deux listes de sélection. Je dois remplir la deuxième liste de sélection en fonction de la valeur de la première liste de sélections.Remplir une liste de sélection en fonction de la valeur sélectionnée dans une autre liste de sélection

exmaple:

liste de sélection on a: GSM, CDMA

puis,

si l'utilisateur sélectionne GSM, il doit voir CRICKET, COMBO OFFRE, ASTRO dans la liste de sélection 2. Ou si l'utilisateur CDMA sélectionne, il devrait voir COMBO CDMA OFFRE, CHAT VOCAL, GAGNER LE RÊVE dans la liste de sélection 2

quelqu'un peut-il s'il vous plaît me aider?

CECI EST LE CODE

<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>

Source

2014-04-29 learner

Depends de si vous pouvez choisir une valeur dans la seconde sélectionnez uniquement en utilisant javascript ou si vous avez besoin d'aller via le serveur – Swippen

Quelle est l'entrée pour la première sélection et la seconde sélection. Passez-vous la liste du côté du serveur? –

il est codé en dur comme dans cet exemple. – learner

Essayez comme ceci:

<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>

Source

2014-04-29 12:14:57 Prasad

c'est exactement ce dont j'avais besoin. Merci beaucoup. – learner

Remplir une liste de sélection en fonction de la valeur sélectionnée dans une autre liste de sélection

Répondre

Questions connexes