Utilizziamo una select per cambiare il colore di sfondo di un elemento html
E' necessario includere la libreria JQuery
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>La select e l'elemento da colorare
<div id="elemento"></div>
<select name="colori">
<option value="transparent"></option>
<option value="green">verde</option>
<option value="red">rosso</option>
<option value="yellow">giallo</option>
<option value="blue">blue</option>
</select>Diamo un pò di forma all'elemento con i css
#elemento {
width: 120px;
height: 120px;
border:1px solid black;
}
ed infine lo script jquery
$(document).ready(function() {
var elemento = $("#elemento");
$("select[name='colori']").change(function() {
elemento.css("background-color", $(this).val());
});
});
