Amélioration select jquery

Version imprimable

06/10/2016, 12h15
koala19100

Amélioration select jquery

Bonjours,

J’ai fais ce code

https://fiddle.jshell.net/guxofsnb/1/

il marche bien mais par contre il y a un petit détail que je n'arrive pas à recoudre sur le select 1

vous cliquer sur choix 1 et choix 2 et là vous verrez qu'il se met bien à droite du select a la ligne 12

Code:



Jusqu’ici tout va bien et quand vous cliquer sur le select 2 et vous coché choix 6 et choix 7
il se met les mots dans la ligne 12 hors je ne veux pas qu'il se met dans la class car il se met sur la ligne 17

Code:

<dt class="hida1">Select</dt>

Code:



Ensuite si vous posez la question pour quoi j’ai mis plein

Code:

.parent().parent().parent().parent().parent().parent());

C’est pour évité que les selects s’ouvre tous en même temps
Si vous avez une autre solution
Merci de votre aide
07/10/2016, 15h19
mathieu

déjà il n'est plus recommandé d'utiliser "delegate" (voir la documentation http://api.jquery.com/delegate/)

ensuite je n'ai pas compris ce que je vous cherchez à afficher dans l'objet "choix_membre".
seulement les cases cochées par le "dl" ouvert ou bien toutes les cases cochées de toute la page ?
07/10/2016, 21h04
koala19100

je vais répété

https://fiddle.jshell.net/guxofsnb/5/

tu vois il y a select 1 et select 2

regarde select 1

quand tu coche choix 1 là il se met à gauche choix1 là c'est bon c'est ok

ensuite regarde select 2

tu coches choix 6 il se met dans la classe p class="choix_membre"> qui se trouve ligne 9 sur le select1 hors il ne faut pas qui se met sur le select 1 étant donné qui se met a la ligne 15 qui remplace select2

merci d'avance
09/10/2016, 19h09
NoSmoking

Bonjour,
il y visiblement un mauvais ciblage du parent mais je ne trouve pas cela très étonnant lorsque l'on voit .parent().parent().parent().parent().parent().parent()); dans ton code.
Regarde de plus près la documentation officiel sur parent()
10/10/2016, 22h46
koala19100

merci, mais tu ne peut pas me le faire je t'en remercie pour ton aide

bonjour,
ton code est un peu difficile a lire surtout avec .parent().parent().parent()...
tout d'abord il faut ajouter un span dans .hida1

Code:

<dt class="hida1">Select 1</dt>

.
j'ai rectifié un peu le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
//Toggle de la liste
$(".multiple-choix").on("click",".hida1",  function() {
  $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
  $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
});
//Reporter valeur
$(".multiple-choix").on("change", ".mutliSelect1 ol input[type='checkbox']", function() {
 
  //variables
  var p = $(".hida1 span, p.choix_membre ");/*ici p.choix_membre et pas  : .choix_membre p */
  var string = ' ';
  //pour chaque checkbox dont la valeur est true
  $(".mutliSelect1 ol input[type='checkbox']").each(function() {
    if ($(this).is(':checked')) {
      string = string + $(this).val() + ', ';
    }
  });
 
  //decoupage de la virgule
  newstring = string.substring(0, string.lastIndexOf(','));
  if (newstring == '') {
    newstring = 'Select';
  }
  p.html(newstring);
 
  $('.choix_membre').text(newstring);
 
});

19/10/2016, 18h57
koala19100

merci

https://fiddle.jshell.net/guxofsnb/6/

le code span je veux bien le remettre mais j'ai supprimer le span dans le select 1 pour évité lorsqu'on coche choix se met dans le

Code:

<dt class="hida1">Select 1</dt>

car il se met

Code:



dans le select 2

je veux quand on coche choix 6 il se met

Code:

<dt class="hida1">Select 2</dt>

merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
//Toggle de la liste
var obj, selectVal,index_parent, string = '';
$(".multiple-choix").on("click", ".hida1", function() {
    $(".mutliSelect1 ol").not($(".mutliSelect1 ol", $(this).parent())).slideUp('500');
    $(".mutliSelect1 ol", $(this).parent()).slideToggle('500');
  })
  //Reporter valeur directement après on "click"
  .on("change", "input[type='checkbox']", function() {
    index_parent = $(this).parents("dl").index(".multiple-choix");
    obj = $(this).parents('.multiple-choix').find(".hida1 span");
    selectVal = parseInt(index_parent + 1);
    string = obj.text();
    $(this).each(function() {
     //pour chaque checkbox dont la valeur est true
      if ($(this).is(':checked')) {
 
        if (string.indexOf('Select ' + selectVal) == 0) {
          string = string.replace("Select " + selectVal, "") + $(this).val() + ", ";
 
        } else if (string.indexOf('Select ' + selectVal) < 0) {
          string += $(this).val() + ", ";
        }
 
      } else {
        string = string.replace($(this).val() + ", ", "");
 
      }
      if (string == '') {
        string = 'Select ' + selectVal;
      }
      obj.text(string);
      /*console.log(" index_parent :" + index_parent + " nodeName :" + obj.get(0).nodeName + " selectVal :" + selectVal);*/
 
    });
 
 
 
 
  });

28/10/2016, 11h54
koala19100

merci de ton aide

tu vas me dire que je suis chiant mais je l'avais plus ou moins dit au premier post ;)

dans le select 1

il faut que les mots s'affiche sur cette balise

Code:



ligne 9 hors là il met a ligne 2 ensuite il faudra garder le mot select

maintenant passion au select 2 ca l'aire bon

maintenant il y aura 2 modifications a refaire car si tu voit mon premier lien code

il faudra surprime la dernière virgule

par exemple

choix 1, choix 3, choix 5

ensuite il faut remettre dans l'odre alphabétique

car là

choix 1, choix 3, choix 5

si tu supprime choix 3

ca te done

choix 1, choix 5

et si tu remet choix 3

ca te donne

choix 1, choix 5, choix 3

ensuite sera finit et je ne vous embêterais plus pdt 60 ans promis jurée ;)

merci de votre aide
28/10/2016, 17h44
Toufik83

tu n'apprendra jamais le jQuery si tu ne te débrouille pas tout seul, tu as le code dans ces exemples, essaie de le comprendre d'abord afin que tu puisse avoir le résultat selon ton besoin.
02/11/2016, 22h04
koala19100

merci mais je laisse tomber
05/11/2016, 12h00
NoSmoking

Ce n'est pas comme cela que tu vas progresser, TOUTES les informations pour y arriver sont dans les réponses ;)
06/11/2016, 10h25
koala19100

done moi un court
comment tu class les mot en ordre alphabétique

comment tu supprime la dernière virgules

comment tu affiche le mot à côté pour un select
je t’écoute mon prof adorée lol
07/11/2016, 18h42
NoSmoking

Tu devrais prendre le temps de regarder du coté des méthodes de l'objet Array, elles peuvent te rendre de grands services.

J'en vois au moins 3 qui devraient te combler, push(), sort() et join().
09/11/2016, 19h04
koala19100

bonjours
on fait un flasch back afin de faire un retour dans le passé

je viens ici pour vous demander 2 petites aides qui sont

select 1 on affiche dans le select les mots

selects 2 on affiche hors du select 2 et on met à gauche les mots

je n'ai rien demander autre chose

vous répondez en m'aidant a mon code et je tenais a remerci pas de soucy

mais vous m'avez pas résolu mes 2 questions

a part de suprimer l'ordre alphabetique et quelque affichage des choix qui ne sont pas encore réglé

je tenais encore remerci pour affichage des choix meme si sur le select 2 je veux le mettre a gauche j'ai demandé dans le 1 er message au lieu de résoudre ces 2 questions vous m'avez suprimer les derniere virgules et l'aphabétique

je veux bien être gentil compréhensif et tout ceux que vous voulez

un petit conseille d'amis

svp si quelqun demande de l'aide pur 1 o 2 question
répondez leurs et surtout ne leurs suprimer pas l code qui n'a rien a rien avoir avec les questions

pour ma part je vous ai demander

affichage les mot a gauche sur select 2 et changer les choix et si tout et rien d'autre
je n'ai pas demander de me supprimer l'ordre alphabétique et les virgules

quand quelqu'un demande de l'aide répondez leur a la question et pas suprimer les autres code qui n'a rien avoir avec la question posé

vous prenez ou pas c'était juste un conseil amis si tout
je sais que vous n'avez rien à foutre mais réfléchissez un peux
10/11/2016, 17h19
Toufik83

il ne te reste plus qu'a nous frapper, ce qui se passe réellement c'est que tu veux qu'on fasse la travail à ta place, pour nous, c'est facile de le faire, mais pour toi, il n'y a aucun intérêt de copier coller la solution complète de ton problème.
nous sommes tous passé par ce chemin, et si on a appris le jQuery, c'est grâce a l'autonomie !
10/11/2016, 18h34
koala19100

pour quoi tu m'a suprimer le code des virgule et l'ordre alphabbétique
je t'ai jamais demander ca

stp cherie je te redemande de me remetre l'ordre alphabétique la virgule sauf pour le dernier mot come c'etait au départ

et affiché le mot a droit du select 2 uniquement pour le select 2

merci mon prof
11/11/2016, 14h49
koala19100

je mets en résolu car il y a mec gentil qui me l'a fait en 3 mn

chao les blablamaster

et bon chance aux autres
11/11/2016, 15h06
NoSmoking

Citation:

je mets en résolu car il y a mec gentil qui me l'a fait en 3 mn

je ne suis pas persuadé qu'il te rende service mais si c'est comme cela que tu vois tes futurs codes tu n'es pas encore sorti de la tourbière !!!

Je ne te souhaite pas bonne chance car il te faudra bien plus que cela :mrgreen:

Tu aurais quand même pu partager ta sa solution cela aurait été un bon point ;)
11/11/2016, 16h21
koala19100

je ne partage pas le code puisse qsue vous m'avez pas aidé car vous m('avez suprimer 3 petite codes dés le debut donc voilà

pour quoi je partagerais

donant donnant
merci
12/11/2016, 09h30
NoSmoking
Citation:

je ne partage pas le code puisse qsue vous m'avez pas aidé car vous m('avez suprimer 3 petite codes dés le debut donc voilà

Sur ce coup je ne saisi pas bien ce que tu essaies de passer comme message,
- « vous m'avez pas aidé »
  si mais on ne t'a pas fourni un code clé en main, ce qui n'est pas le but du forum ;
- « vous m('avez suprimer 3 petite codes dés le debut »
  rien compris, ce n'est donc pas toi qui a écrit le code initial ?
Citation:

pour quoi je partagerais

c'est cela aussi les forums d'entraide, cela fonctionne dans les deux sens je reçois et je donne mais cette notion t'es peut être étrangère.

Bon quoiqu'il arrive cela n'est pas très grave, pour nous !

Un rappel qui me semble utile Les règles du club.
13/11/2016, 11h26
koala19100

no je ne fournirai pas de réponse
pour ceux quil veulent je leurs done par mp

car ci on fait un code depart

avec 2 instruction

au lieu de faire les 2 instruction s a faire
il suprime des bouts de codes que je n'ai pas demander à suprimé

donc si certain veux ce code envoyer moi un m mp

merci