veut remplir deux boîtes déroulantes sur l'option précédente sélectionnée

Je travaille sur un très vieux projet codé mais il fonctionne parfaitement sur l'option sélectionnée. Le codeur remplit une liste déroulante cachée qui est dynamique comme ceci.veut remplir deux boîtes déroulantes sur l'option précédente sélectionnée

  <td class="hidden isagentname"><strong> 
       <select name="agentnamee"> 
       <option value="">Please AgentName</option> 
        <?php $i = 0; while($i < $buyerCodeNum){ ?> 
       <option value="<?php echo 
        mysql_result($buyerCode,$i,"name"); ?>"><?php echo 
        mysql_result($buyerCode,$i,"name"); ?> 
       </option> 
        <?php $i++;}?> 
       </select> 
       <a href="#" class="remove" rel="agentname">remove</a> 
       </strong> 
      </td>

maintenant je veux remplir deux goutte caché dans des boîtes sur option sélectionnée dans la première liste déroulante

j'ai essayé cela, mais il ne fonctionne pas

using two <td> under one select tag

bonté codificateurs génie me aident

Source

2017-07-05 qasu

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
$('#agentName').hide(); 
 
$('#agentID').hide(); 
 
    $('#purpose').on('change', function() { 
 
     if (this.value > 0) 
 
     { 
 
     $('#agentName').show(); 
 
     } 
 
     else 
 
     { 
 
     $("#agentName").hide(); 
 
     } 
 
    }); 
 
\t $("#agentName").on('click', function() { 
 
     if (this.value > 0) 
 
     { 
 
     $('#agentID').show(); 
 
     } 
 
\t  else 
 
     { 
 
     $("#agentID").hide(); 
 
     } 
 
\t }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
<select id='purpose'> 
 
<option value="1">Personal use</option> 
 
<option value="2">Business use</option> 
 
<option value="3">Passing on to a client</option> 
 
</select> 
 
<div style='display:none;' id='business'>Business Name</div> 
 

 
<select name="agentnamee" id="agentName"> 
 
<option value="0">Please AgentName</option> 
 
    <option value="1">zzz</option> 
 
    <option value="2">xxx</option> 
 
    <option value="3">yyy</option> 
 
        
 
        </select> 
 
        <a href="#" class="remove" rel="agentname">remove</a> 
 
\t \t \t \t \t <select name="agentID" id="agentID"> 
 
<option value="0">Please AgentID</option> 
 
    <option value="1">1xxx</option> 
 
    <option value="2">2xxx</option> 
 
    <option value="3">3yyy</option> 
 
        
 
        </select> 
 

 

 

 
</body> 
 
</html>

YOu voulait dire quelque chose comme ça? En cliquant sur la première option de liste déroulante, la deuxième liste déroulante s'ouvrira et ainsi de suite?

Source

2017-07-05 06:04:26

veut remplir deux boîtes déroulantes sur l'option précédente sélectionnée

Répondre

Questions connexes