Problème fonction js

lwdu76 Messages postés 68 Date d'inscription samedi 16 janvier 2021 Statut Membre Dernière intervention 8 novembre 2022 - Modifié le 19 oct. 2022 à 10:35
lwdu76 Messages postés 68 Date d'inscription samedi 16 janvier 2021 Statut Membre Dernière intervention 8 novembre 2022 - 22 oct. 2022 à 12:59

Bonjour, 

je n'arrive pas récupérer les données sélectionnées par mes selecteurs en javascript et je n'arrive pas a lier les informations des 2 tableaux entre eux.

Cordialement, 

lwdu76 

function age_drop_down_list () {

    var selected_list = document.getElementById ("select2");

    cat_age = new Array ("1 mois", "2 mois", "3 mois", "4 mois", "5 mois", "6 mois", "7 mois", "8 mois", "9 mois", "10 mois", "11 mois", "1 an", "2 ans", "3 ans", "4 ans", "5 ans", "6 ans", "7 ans", "8 ans", "9 ans", "10 ans", "11 ans", "12 ans", "13 ans", "14 ans", "15 ans", "16 ans", "17 ans", "18 ans", "19 ans", "20 ans");

    for (var i = 0; i < cat_age.length; i++) {

        var list_option = document.createElement ("option"),

        text_list = document.createTextNode (cat_age [i]);

        list_option.appendChild (text_list);

        list_option.setAttribute ("value", cat_age [i]);

        selected_list.insertBefore (list_option, selected_list.lastChild);
    }
}

age_drop_down_list ();


function age_human_animal () {

    human_age = new Array ("1 an", "2 ans", "4 ans", "6 ans", "8 ans", "10 ans", "12 ans", "14 ans", "15 ans", "16 ans", "17 ans", "19 ans", "24 ans", "28 ans", "32 ans", "36 ans", "40 ans", "44 ans", "48 ans", "52 ans", "56 ans", "60 ans", "64 ans", "68 ans", "72 ans", "76 ans", "80 ans", "84 ans", "88 ans", "94 ans", "100 ans");

    for (var j = 0; j < human_age.length; j++) {

        var calcul_age = document.createElement ("p"),

        text_list = document.createTextNode (cat_age [i] + ":" + human_age[j]);

        calcul_age.appendChild (text_list);

        calcul_age.setAttribute ("value", human_age [j]);

        selected_list.insertBefore (calcul_age, selected_list.lastChild);
    }
}

age_human_animal ();

1 réponse

Grandasse_ Messages postés 913 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 30 janvier 2023 596
19 oct. 2022 à 22:35

Bonjour,

Si tu veux récupérer la valeur sélectionné dans la liste :

document.querySelector("#ton-selecteur").selectedOptions[0].value

(pour un choix multiple il faudra boucler sur le tableau selectedOptions...)

J'ai pas compris le truc de lier les deux tableaux entre eux. Tu voudrais qu'ils soient comment à la fin ?

0
lwdu76 Messages postés 68 Date d'inscription samedi 16 janvier 2021 Statut Membre Dernière intervention 8 novembre 2022
22 oct. 2022 à 12:59

J´ai réussi 

J´ai créé 2 tableaux et une seule boucle for pour les afficher 

tab1 [i] + tab2 [i]

0