Bonjour � tous, je suis en train de r�aliser un outil de location sur un site de vente. J'ai fais un <select> pour s�lectionner un produit, puis un bouton "+" qui duplique cet �l�ment pour ajouter une nouvelle s�lection. Je voudrais que quand on change la s�lection, un champ apparaisse pour d�finir la quantit�.

Je pensais utiliser ceci :
Code : S�lectionner tout - Visualiser dans une fen�tre � part
document.getElementById('selectId').addEventListener("change", displayQuantity);
Mais le probl�me c'est que mon bouton "+" duplique aussi l'id du select, donc impossible de faire un �v�nement cibl� sur un seul select

Voici mon code html :
Code html : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
<div id="choice-tbi-ent">
	<p id="select-tbi-ent"><select>
		<option disabled selected>Sélectionnez un produit</option>
		<option>SMART Board 885 MW521</option>
		<option>SMART Board 885ix2</option>
	</select></p>
</div>
<button id="addTBI-ent" class="ajouter" onclick="duplicateSelect(event);">+</button>

Et le javascript :
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
function duplicateSelect(event) {
	var event = event;
	var elem = event.currentTarget;
	if (elem.id == "addTBI-ent") {
		var firstSelect = document.getElementById("select-tbi-ent");
		var newSelect = firstSelect.cloneNode(true);
		document.getElementById('choice-tbi-ent').appendChild(newSelect);
	}
}
Merci d'avance � ceux qui m'aideront � trouver une solution