Bonjour à vous !

J'essaye de trouver depuis quelques temps, un moyen pour faire mes devis, de faire apparaitre un lien ou autre qui pourrais ajouter un produit ( c'est flou je vous l'accorde ! )

Je suis sur ma page devis, avec une liste déroulante des produits de ma bdd. Si je choisi un produit je voudrais faire apparaitre un lien "ajouter un produit" ainsi de suite.

<h1>Liste des produits</h1>
<br>
<select>
<option>Produit 1</option>
<option>Produit 2</option>
<option>Produit 3</option>
<option>Produit 4</option>
</select>

<a href="#">Ajouter un produit</a>
<br>

-------Résultat apres avoir ajouté le premier produit------------------

<br>

Produit 1 - x 2
<br>
<br>

<select>
<option>Produit 2</option> 
<option>Produit 3</option>
<option>Produit 4</option>
</select>

<a href="#">Ajouter un produit</a>

J'ai du mal à shématiser le script que je dois faire. Si vous avez des pistes.

Merci d'avance !

2 réponses


Treast
Réponse acceptée

Ce que je te conseille, c'est du JS.

<div class="selector">
<select class="select-products">
<option value="1">Produit 1</option>
<option value="2">Produit 2</option>
<option value="3">Produit 3</option>
<option value="4">Produit 4</option>
</select>
</div>
$(".select-products").change(function(){
    $(".selector").prepend("Produit "+$(this).val()+" ajouté");
    $("option:selected").remove();
});

Je ne l'ai pas testé, à toi d'arranger s'il y a des erreurs, mais l'idée est là.

Bonjour !

Merci à toi pour cette réponse et désolé pour la mienne qui est tardive.

J'ai essaye rapidement le résultat ce rapproche de ce que je cherche. Je vais donc comprendre le code pour pouvoir l'adapter ( je suis aussi bon en javascript, qu'avec la physique quantique... )

Merci encore !