Définissez l'option disponible pour la sélection basée sur un autre sélectionnez php

Continent Table

  1. ASIE
  2. AMÉRIQUE DU SUD

Pays De Table

  1. Japon
  2. Chine
  3. Brésil
  4. Pérou

C'est les données dans ma table et je reçois toutes les données de continent de la table et le tableau des pays comme ce

    <select name="continent" class='required InputBox'>
          <?php echo "<option value=''></option>"; 
    foreach (Contintent() as $value) { 
echo "<option id='" . $value[ 'sysid'] . "' value='" . $value[ 'name'] . "'>" . $value[ 'name'] . "</option>"; } ?>
        </select>

C'est pour les pays

<select name="country" class='required InputBox'>
              <?php echo "<option value=''></option>"; 
        foreach (Country() as $value) { 
    echo "<option id='" . $value[ 'sysid'] . "' value='" . $value[ 'name'] . "'>" . $value[ 'name'] . "</option>"; } ?>
            </select>

Je veux savoir comment faire en sorte que lorsque je sélectionne le continent, par exemple de l'asie de l'option disponible pour le comté sera le pays en asie seulement, c'est le japon et la chine. J'ai aussi une autre table après ce qui est de la ville, mais si je reçois la logique ici, je peux l'appliquer à la ville. Toute idée est apprécié

"Mise à JOUR"

Trouvé quelque chose ici

Un que je ne suis pas familier avec l'ajax quelqu'un peut-il essayer d'expliquer comment ça marche, je veux savoir comment je peux passer l'id de la sélectionner à partir de ce bout de code javascript à ma fonction php de la page voici le bout de code..

$('.continent').change(function() {
        var id = $(this).find(':selected')[0].id;
        //alert(id); 
        $.ajax({
            type:'POST',
            url:'../include/functions.php',
            data:{'id':id},
            success:function(data){
                //the next thing you want to do 
console.log(data);
                alert(id);
            }
        });

    });

dans ma fonction php

function Country(){
if(isset($_POST['id'])){
echo $_POST['id'];
}
}

Le problème, c'est la valeur de l'id n'est pas passé comment puis-je passer sur l'function.php j'ai en quelque sorte en dehors de l'idée ici. Est-il arrivé dans success:function(data){ que dois-je faire?

FYI

L'alerte est ok, il récupère l'id du continent, déjà, c'est juste pas passé à la function.php
et la console.les écritures de journal de rien
et lorsque je change l'url de la page principale de la page où le sélectionner dans la console.journal retourne à la page principale de code.

  • Vous aurez besoin de javascript pour cela.
  • il n'y a pas moyen de ne pas utiliser javascript?je ne suis pas vraiment bon avec java script
  • Si vous souhaitez filtrer les données à la volée, vous n'avez pas d'autre option. Ou vous avez besoin d'utiliser plusieurs pages avec un seul select-box sur. Envoyer la page et sur la page suivante, vous pouvez avoir le pays (et filtrée en PHP). Sachez que ce n'est pas bon pour vos utilisateurs (ce genre de travail est vraiment mauvais pour l'expérience utilisateur).
  • pouvez-vous donner l'exemple que je puisse suivre?
InformationsquelleAutor Brownman Revival | 2015-01-16
  1. 4

    Comme il a été dit, vous pouvez utiliser de l'ajax.
    Il y a un statique non-ajax manière de faire, mais de cette façon, il est mieux dans le long terme.

    Fondamentalement, ce que vous faites avec ce que jQuery est d'écouter pour un changement dans le continent sélectionner la zone, et quand un changement se produit, vous faites une demande au serveur de se demander: "donne-moi de tous les pays de ce continent". Vous devriez avoir une base de données ou vous pouvez associer à des objets statiques juste pour le tester.

    $('.continent').change(function() {
    var id = $(this).val(); //get the current value's option
    $.ajax({
        type:'POST',
        url:'<path>/getCountries',
        data:{'id':id},
        success:function(data){
            //in here, for simplicity, you can substitue the HTML for a brand new select box for countries
            //1.
            $(".countries_container").html(data);

           //2.
           //iterate through objects and build HTML here
        }
    });
});

    Ce serait bien entendu vous rendre ajoutez le countries_container dans le code HTML comme et à l'intérieur, il vous rendra la select:

    <div class="countries_container"></div>

    Maintenant dans le code PHP côté serveur (getCountries) vous pourriez faire quelque chose comme:

    $id = $_POST['id'];
if(isset($id) && <other validations>)){

  //1. your query to get countries from a given continent
  //and for each result you can build the HTML itself

  //2. OR, a better solution is to return an Object and then in the
  //success:function(data){ } iterate through it
}

    Ce code peut plus être un air de défi amélioré, mais j'ai essayé de l'expliquer d'une manière compréhensible.

    Aussi, vous devez vérifier:

    Jquery ajax remplir liste déroulante avec les données de réponse json

    Démo de lien dans la liste déroulante en utilisant Ajax & PHP

    Garder à l'esprit, ce sont les premiers résultats d'une recherche sur google par conséquent, la prochaine fois, essayer de de recherche au sein de débordement de la pile elle-même pour éviter de dupliquer des questions.

    • J'ai été la recherche avec ajax tutorial après que j'ai lu à ce sujet le problème, c'est qu'ils ne sont pas vraiment donner l'explication de ce que je comprends
    InformationsquelleAutor Silver