Discussion :

[Soxy95]

Bonjour,

J'essaie de mette un jour un prix en fonction d'une qté et d'un lieu de d'expédition.

Voici le un bout du HTML (qui est répété 6 fois sur la page)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<div class="miniature">
	<p>Mars/Avril</p>
	<img src="http://placehold.it/250x250" class="img-thumbnail">
	<form method="post" role="form">
		<div class="form_miniature">
		      <div class="form-group">
			<div class="row">
				<div class="prix" data-price-fr="4.50" data-price-monde="5">4.50<span> €</span></div>
			</div>
			<div class="row">
				<div class="col-md-5">
					<label for="quantite" class="label_top">quantité</label> 
					<input type="number" class="form-control radius quantite_numero" value="1" min="0" max="100"placeholder="quantité" data-price="7">
				</div>
				<div class="col-md-7">
					<label for="abonnement" class="label_top">Lieu de livraison</label>  
					<select name="lieu_livraison_numero" class="form-control radius lieu_livraison_numero"> 
					    <option value="fr">France métroplitaine</option>
					    <option value="monde">TOM & reste du monde</option>	
					</select>
				</div>
			</div>
		        <div class="row">
				<button type="submit" class="btn_ajout btn btn-default radius">Ajoutez au panier</button> 
			</div>
		</div>
	    </div>
	</form> 
</div>

Et enfin le le Jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$('.quantite_numero').click(function(){
	var qtite = $(this).val();
	if($(this).parent('.miniature').find('.lieu_livraison_numero option:selected').val() == "fr"){
	       var prix = $(this).parent('.miniature').find('.prix').attr('data-price-fr');
		      }
                      else{
		        var prix = $(this).parent('.miniature').find('.prix').attr('data-price-monde');
				      }
      var result = prix * qtite;
      $(this).parent('.miniature').find('.prix').html(result);
});

Il me renvoit constemment undifined pour la var prix.
Merci de votre aide car là je sèche complètement......

[SpaceFrog]

ton code est dans un ready ?

[Toufik83]

essaie d'utiliser $(this).parents() au lieu de $(this).parent()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
if($(this).parents('.miniature').find('.lieu_livraison_numero option:selected').val() == "fr"){
var prix = $(this).parents('.miniature').find('.prix').attr('data-price-fr');
}

$.parent() c'est pour le premier conteneur rencontré, $.parents() surmonte les conteneurs (balises html) jusque la racine.