comment changer une option de liste de sélection quand une autre liste de sélection a changé?

Question

J'ai deux listes de sélection dans mon HTML et les deux ont les valeurs enregistrées dans la base de données, je veux savoir comment changer les valeurs dans selectlist 2 quand select 1 est changé par l'utilisateur en utilisant jquery? J'essaie de faire ces choses dans codeigniter, alors aidez-moi, j'ai fait ces choses en utilisant jquery auparavant mais c'était en php simple en passant les valeurs à la fonction load de jquery, mais cela ne fonctionne pas dans CodeIgniter, quelqu'un s'il vous plaît aidez-moi

Merci,

Shah Rukh

Answer 1

Dites par exemple, vous avez cette liste déroulante

<select id="select_1"> 
     <option value="">Select</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 

    <select id="select_2"> 
     <option value="">Select</option> 
    </select> 

Le changement de select_1 menu déroulant, vous devriez obtenir la valeur et faire une demande AJAX à votre fonction de contrôleur qui vous ramènera les options pour select_2 que remplacer simplement le code html de select_2 avec la réponse retournée du scénario

   $('#select_1').change(function(){ 
        var id = $(this).val(); 
        $.ajax({ 
          type: "POST", 
          url: base_url+'controller/action/', 
          data: 'id='+id, 
          success: function(html){ 
           $('#select_2').html(html); 
          } 
         }); 
       }); 

Pour codeignitor utilise la base_url dans le paramètre url de la requête ajax. Vous pouvez définir une variable CDATA pour base_url que vous pouvez utiliser dans vos requêtes ajax, vous pouvez le définir dans votre fichier header.php.

   <script type="text/javascript"> 
        //<![CDATA[ 
         base_url = '<?php echo base_url();?>'; 
        //]]> 
       </script> 

Answer 2

D'accord, je l'ai fait, en utilisant jQuery

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
    $("#slect_1").change(function() 
     { 
     id = $("#select_1").val(); 
     $("#select_2").load("<?php echo site_url('class/method'); ?>/"+id); 
    }); 
     }); 
    </script> 

Merci,

Shah Rukh