Modifier le texte en fonction de la valeur de la zone de sélection

Divulgation complète: Je suis mauvais en javascript.

J’essaie d’écrire quelque chose qui prend la valeur d’une zone de sélection (dans ce cas, il contient une liste de thèmes que l’utilisateur peut choisir), le compare à un tableau contenant tous les thèmes autorisés et affiche un lien de prévisualisation. l’utilisateur.

Vous trouverez ci-dessous un code de sélection.

Mon tableau contenant les liens de prévisualisation:

var themePreview = []; themePreview[0] = '  Preview Arclite'; themePreview[1] = '  Preview Arras'; themePreview[2] = '  Preview Carrington Blog'; 

Mon jQuery tente d’obtenir la valeur de la zone de sélection et d’afficher un lien de prévisualisation:

 $('select #selectedTheme').change(function() { //document.write('test'); // Try to see if I'm selecting what I need. $('#previewTheme').value() = themePreview[$('#selectedTheme option:selected').value()]; }); 

La zone de sélection a un ID de selectedTheme .

Je ne reçois aucune erreur, mais je ne semble pas sélectionner la case à cocher.

Je suis sûr que c’est un problème très simple. J’essaie d’améliorer mes compétences en javascript. Plutôt sans succès, semble-t-il.

L’affectation dans votre code ne fait rien.

Cela devrait fonctionner:

 $('#previewTheme').html( themePreview[$('#selectedTheme option:selected').value()] ); 

ie html() renvoie le contenu actuel d’un élément, html(x) remplace par x .

Vous devriez pouvoir obtenir simplement la valeur de la sélection, plutôt que la valeur d’une option spécifique. Par exemple, remplacez $ (‘option # selectedTheme: selected’). Value () par $ (‘# selectedTheme’). Val ()