Comment lier plusieurs résultats de fonction sous forme d’options à sélectionner dans une boîte de dialog déroulante de sélection de formulaire?

Voici le violon http://jsfiddle.net/Dano007/b11xarpp/5/

Pour être plus clair. Dans la liste déroulante, j’aimerais deux options (texte). Lorsque l’utilisateur clique sur l’une de ces options, les résultats de la fonction pertinents sont renvoyés. Comme voir lorsque vous cliquez sur les boutons, qui ne sont que des exemples.

J’ai ajouté la liste déroulante, mais je ne vois pas comment lier les résultats des deux requêtes.

Puis-je utiliser quelque chose comme?

$("select#FriendsConnected option.filter-prop2").show(); $("select#FriendsConnected option.filter-prop1").show();

Sentez-vous comme si j’avais chaud avec un mur de briques et idéalement, voudriez avoir de l’aide pour que le violon passe à côté de lui.

Dans votre code HTML, changez select id en un identifiant CSS valide, quelque chose comme: s_FriendsConnected

Dans votre Javascript, remplacez l’ID de select = getElementByID (FriendsConnected) par votre nouvel identifiant de sélection: s_FriendsConnected

 var select = document.getElementById("s_FriendsConnected");

Cela résout le problème sur ma machine locale … sera mis à jour avec le jsfiddle dans un moment ..

MODIFIER:

Voici le jsfiddle. : http://jsfiddle.net/b11xarpp/7/

METTRE À JOUR:::

Selon vos besoins, dans ce nouveau jsfiddle, j’ai supprimé les boutons et placé les balises option avec les valeurs au format HTML. En Javascript, j’ai supprimé la fonction var select = document.getelementbyid() . De plus, j’ai remplacé vos fonctions de click pour les boutons par on Change événement dans le menu de select :

 $('select#s_Friends').change(function(){ var selection = $(this).val(); if(selection=='f_connected') FriendsConnected(); else if(selection=='f_requests') FriendsPending(); });

C’est surtout tout. Voici la version mise à jour de jsfiddle: http://jsfiddle.net/b11xarpp/8/