Formulaire dans un tableau avec choix (radio)

bonjour,

cela fait plusieurs jours que je tente des approches avec des outils qui ne sont pas fait pour le contenu que je souhaite mettre en œuvre.

Problématique :

7 véhicules
4 couleurs par véhicules
3 choix de teintes pour vitres

Réalisation :
• dans un cadre, le véhicule qui sera modifié au gré des options
• dans le tableau (formulaire) les choix spécifiques dans une colonne distincte (3 colonnes)
• Chaque modification dans une des colonnes modifie l'image en temps réel

J'ai déjà fait le photoshop sur les véhicules car j'ai tenté une approche avec Google We designer mais comme c'est pas sa réelle utilité, çà bug quand trop d'élément sont dynamiques et cliquables.

Je pense que du javascript + un peu de php s'impose mais mes connaissances étant limité en la matière, j'aurai aimé un coup de main pour savpir comment aborder le sujet...

Cordialement

salut,
juste pour dire de ne pas laisser l'attribut "action" inexistant sur le <form> et que

<img id="img"/>

n'est pas correct. Il faut spécifier les attributs "src" et "alt". Pourquoi ne pas mettre une image blanche pour commencer ou carrément créer la balise dynamiquement lors du premier ajout.

Pour définir un "src" en JS on peut passer directement via "img.src" au lieu de "setAttribute".
Une autre manière de coder pourrait ressembler à ça

function addEvent(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d||!1):a.attachEvent('on'+b,c);}

var sel = document.querySelectorAll("sel"),
	img = document.getElementById("img");

for (var i=0; i<3; i++) addEvent(sel[ i ], "change", function (){
	img.src = "dossier/" + sel[0].value +"-"+ sel[1].value +"-"+ sel[2].value +".jpg";
}, false);