Parcourir un select

Version imprimable

Parcourir un select

Bonjour,

J'ai 2 select societe et affaire.
Je voudrais quand je choisit une societe que dans le seconde select seul les affaire ayant meme la societé apparaissent et les autres n'apparaissent plus.

J'ai commencé mais je bloque là personne à une piste ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function() {
	var IdAffaire = $("#IdSelectAffaire").text();
    $().SPServices({
    	var sociedad=$("#ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Soci_x00e9_t_x00e9_Field_ctl00_Lookup").val();
        operation: "GetListItems",
        async: true,
        listName: "Affaire",
        CAMLViewFields: "<ViewFields><FieldRef Name='Societe' /></ViewFields>",
        CAMLQuery: "<Query><Where><Eq><FieldRef Name='Societe'/><Value Type='Text'>" + sociedad + "</Value></Eq></Where></Query>",
        completefunc: function (xData, Status) {
            $(xData.responseXML).SPFilterNode("z:row").each(function() {
 
 
 
 
              });
        }
    });
});

10/11/2015, 18h40
autran

Bonjour,

Comment sais tu quelle affaire appartient à une société ?

Cette appartenance réside dans une base de donnée ? dans un fichier ? ou est écrite en dur dans ta page HTML ?
10/11/2015, 20h59
MalboroFR

Bonjour Autran,

En faite je suis sous sharepoint. Du coup Affaire est une liste et societe une colonne de la liste affaire :)
10/11/2015, 23h38
autran

Tu peux nous mettre le code de tes 2 select société et affaire
car je comprends pas bien le truc

Sinon pour te donner une idée : tu pourrais utiliser <optgroup> pour y mettre les sociétés et <option> pour y mettre les affaires de la société. Ça te donnerait une IHM plus sobre et ergonomique et tu t'économiserais du développement Jquery qui te poses problème.

d'accord :)

alors voila le code sharpoint pour la societe:

Code:

1
2
3
 <div class="fd_field " fd_name="Soci_x00e9_t_x00e9_" style="">
                      <div class="ms-formbody fd_control" fd_type="Lookup" style="" fd_readonly="False"><SharePoint:FormField id="Soci_x00e9_t_x00e9_Field" runat="server" ControlMode="New" FieldName="Soci_x00e9_t_x00e9_" __designer:bind="{ddwrt:DataBind('i','Soci_x00e9_t_x00e9_Field','Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Soci_x00e9_t_x00e9_')}" /><SharePoint:FieldDescription runat="server" FieldName="Soci_x00e9_t_x00e9_" ControlMode="New" /><!----></div>
                    </div>

et voici ce que ça donne en html:

Code:

1
2
3
4
5
6
<select name="ctl00$ctl33$g_bca40339_7e91_475b_a0d3_ebcd1ba4489b$Soci_x00e9_t_x00e9_Field$ctl00$Lookup" title="Société" id="ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Soci_x00e9_t_x00e9_Field_ctl00_Lookup">
					<option selected="selected" value="0">(Aucune)</option>
					<option value="12">Orange</option>
					<option value="1">SFR</option>
 
				</select>

pareil pour le code affaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="fd_field " fd_name="Code_x0020_Affaire" style="">
                      <div class="ms-formbody fd_control" fd_type="Lookup" style="" fd_readonly="False"><SharePoint:FormField id="Code_x0020_AffaireField" runat="server" ControlMode="New" FieldName="Code_x0020_Affaire" InDesign="True" __designer:bind="{ddwrt:DataBind('i','Code_x0020_AffaireField','Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Code_x0020_Affaire')}" /><SharePoint:FieldDescription runat="server" FieldName="Code_x0020_Affaire" ControlMode="New" /><!----></div>
                    </div>
 
 
				<select name="ctl00$ctl33$g_bca40339_7e91_475b_a0d3_ebcd1ba4489b$Code_x0020_AffaireField$ctl00$Lookup" title="Code Affaire" id="ctl00_ctl33_g_bca40339_7e91_475b_a0d3_ebcd1ba4489b_Code_x0020_AffaireField_ctl00_Lookup">
					<option selected="selected" value="0">(Aucune)</option>
					<option value="8">10000000</option>
					<option value="9">10100000</option>
					<option value="10">10200000</option>
					<option value="11">10300000</option>
					<option value="12">10400000</option>
 
 
				</select>

Et j'ai une autre liste à relier qui ont la societe et le code affaire

11/11/2015, 08h39
autran

oui c'est bien ce que je comprenais, tu ne peux pas savoir dans ton select affaire à quelle société appartient une affaire.
Sauf si tu me dis que c'est ton attribut "value" qui fait le lien par exemple : l'option affaire 10400000 ayant dans ton select affaire "value = 12" elle appartiendrait à orange qui la même valeur dans le select société. Est-ce le cas?
11/11/2015, 10h32
MalboroFR

oui c'est ça car dans un autre liste j'ai des société liées à différentes affaire et je pas trop par ou commencer j'ai juste fais le lien avec les 2 listes:/
11/11/2015, 16h33
autran
Ok à ta place, je laisserais tomber Jquery car en 5 lignes simples de JavaScript ton problème doit être réglé.

Mais avant tout il te faut un macro algorithme (un scenario) du genre :
- l'utilisateur sélectionne un société
- on sauvegarde la valeur de la société et on réécrit le select des affaires en ne gardant que les options pour lesquelles value est celle de la société.
ouais 5 lignes
11/11/2015, 18h20
MalboroFR

D'accord :)

En faire je remove le select
Apres je dois parcourir toute les affaires de l'autres liste qui contient la même société.
Puis pour chaque affaire j'ajoute la ligne option.
et apres si la valeur societé change je dois supprimer le le select et le refaire.

Apres je connais que la manière jquerry pour faire la requête etre mes 2 liste.

En plus de tout ça je manque de connaissance par exemple pour faire la boucle pour avoir le nombre d'affaire lier à la société

Non, ne le remove pas sinon tu perds ta liste brute et tu dois la recharger depuis ton serveur. Qu'elle perte de ressource et de temps.
Tu n'as qu'a le cacher. Et tu en crée un nouveau à chaque fois.
Mais comme ça tu gardes ta liste initiale d'entreprises, mais pas invisible.

Je te conseille de t'entrainer sur une page HTML avec des noms potables.
Je t'en donne un exemple avec sélection de l'ID de la société et son affichage dans un label ..... à toi de faire le reste :

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
<!doctype html>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
		<title> suivi d'affaire </title>
		<script type="text/javascript">
                        function ma_fonction(select)
                        {
                                document.getElementById("cache").innerHTML = select.options[select.selectedIndex].value;
                        }       
                </script>		
	</head>
	<body>
		<select id = "societe" onchange="ma_fonction(this)">
			<option selected="selected" value="0" >vide</option>
			<option value="8">SFR</option>
			<option value="9">Djibouti Telecom</option>
			<option value="10">free</option>
			<option value="11">Orange</option>
			<option value="12">Yam</option>
		</select>
		<label id = "cache"></label>
	</body>
</html>

11/11/2015, 20h54
MalboroFR

ok merci je vais essayer au taff demain :)

Je donnerai des nouvelles dans la journée ^^
12/11/2015, 10h42
MalboroFR

Je reviens donc mais pour un problème :/

J'ai choisi de persister dans le js et je pense sur ce bout de code.

https://jsfiddle.net/bgqmv3ue/

en faite je veux si le code affaire correspond pas avec le code affaire des élément des autres liste je le cache.

J'ai essayé avec un code simple mais ça marche pas une suggestion?
12/11/2015, 14h14
autran

Tu ne persistes pas en JS mais en Jquery.
Or visiblement tu n'es déjà pas très à l'aise pour écrire 10 petites lignes de JS traditionnel. Et tu souhaites utiliser dans ce langage une bibliothèque (Jquery) qui t'apporte encore de la complexité.
De plus (philosophiquement), JQuery qui nécessite un effort d'apprentissage non négligeable, est utilisé par les "développeurs front" pour leurs économiser de nombreuses ligne de JS.
Mais là tu n'as qu'un minuscule bout de code à écrire, donc je pense que le jeu n'en vaut pas la chandelle.

De plus, je ne saurais trop que te conseiller de faire les choses avec méthode et rigueur. Développe ton bout de code JS (ou Jquery si tu y tiens) avec une page propre et non pas avec tes noms de variable (à coucher dehors) générés automatiquement par ton sharepoint. Tu fais une page avec tes 3 select société et affaires(caché) et tu peuple le troisième avec les affaires du second qui correspondent à la société sélectionnée par l’utilisateur. De cette façon tu peux mettre ton code simplement sur ce fil au lieu de nous rediriger sur un site étranger.

Tu peux rediriger vers ta production, mais ceux qui font cela sont des gens qui hébergent sur leur github des sources de plusieurs milliers de lignes e de très haut niveau.
13/11/2015, 12h02
MalboroFR

Voilà ce que ça donne :)

https://jsfiddle.net/bgqmv3ue/4/

Mais mon if marche pas mais je sais pas pourquoi :/
13/11/2015, 15h21
autran

Je vois que tu es parti full jQuery. D'ailleurs ton fil viens d'être déplacé par un modérateur vers le sous forum jQuery.
Pour ma part je reste JavaScript pur. Donc je laisse aux experts de cette bibliothèque le soin de te répondre.
bon courage.
13/11/2015, 15h32
MalboroFR

D'accord merci autran tu m'as permis de bien avancer déjà :)