Récupération données Jquery val()
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:
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:
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...... :roll:
