Bonjour à tous,

Je cherche à changer le background d'une div en fonction de la sélection d'une DropDownList.

Ma div est présente dans mon _Layout.cshtml

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 <div id="img-title">
                </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
#img-title{
     background: url("../Images/MonImage.png") no-repeat;
}
Et dans mon contrôleur Create, j'aimerais changer l'image de fond de Div en fonction de la sélection sur une DropDownList :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div class="editor-field">
     @Html.DropDownList("Type_ID", null,new { @class = "combo-box-form" })
</div>
Je suppose que cela va passer par un peu de Jquery j'ai donc fait un petit truc dans le genre :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
function changeImage(image) {
                  $('#img-title').css("background", "url('Images/" + image + ".png')");
              };
Par contre comment faire pour détecter le changement de sélection et l'élément sélectionné afin de déclencher ma fonction changeImage ?

Sinon où suis-je sensé déposer mes fonctions JS pour respecter le patern MVC et les bonnes pratiques ?

Merci d'avance