Tengo un <select>
con varios option values
:
<select name="fld_4447635" value="" data-field="fld_4447635" class="form-control" id="fld_4447635_1" aria-labelledby="fld_4447635Label">
<option value="" disabled="" selected="">Locations</option>
<option value="Madrid">Madrid</option>
<option>Paris</option>
</selected>
Y al lado tengo una imagen con src
. Me gustaría que según el valor que coja de option
con jQuery
, la imagen que cambie su src
.
He intentado esto pero no funciona:
jQuery(document).ready(function( $ ){
$('#madrid').click(function(){
$('.responsive-image-header').replaceWith('<img id="cambio" src="http://localhost/evualahopruebas/wp-content/uploads/2020/03/room-3.jpg" alt="imagen cambiada" width="500" height="400">');
});
});
Si me pudierais ayudar os lo agradecería.
html
no corresponde aljquery
y no es correcto.