Como cambio el fondo de un div dependiendo del option que elija el usuario

[rpairo]

Tengo un sélect con varios options, y quisiera, que dependiendo de la option que elija el usuario, se cambie el atributo class del option (que ya cambiara los parametros del fondo que quiero para el div)

estoy empezando con javascript, pero necesito esto para un proyecto

[maycolalvarez]

simple, coloca la función en el evento onchange, algo así:

Código HTML:

<select onchange="docuement.getElementById('id_div').style.className= this.value;" >
<option value="css_class1">clase 1</option>
</select>
 

[rpairo]

no entiendo que tengo que modificar, y como aplicarlo, me lo podrías enseñar paso a paso por favor?

estoy empezando con javascript, y me iría muy bien conocer como hacer este efecto

muchas gracias :)

[maycolalvarez]

Es muy simple, desde el evento onchange del select obtengo el objeto que representa al DIV por su ID y le aplico a su propiedad className que representa su clase CSS el value devuelto por el objeto actual que llamo al evento (this) que en este caso es el select

Francamente ya le he dado incluso el código que necesita para aplicar, si todavía no entiende le recomiendo que consulte manuales sobre HTML, JavaScript y manejo del DOM.

[rpairo]

pero yo necesito cambiar el fondo de un div, no del select, mira:

Código:

<div class="opciones">
	<div class="conjunto">
		<div>Comida</div>
		<select class="sel">
			<option class="productos" value="cruasan">Croissant</option>
			<option class="productos" value="tostada">Toast</option>
			<option class="productos" value="napolitana">Neapolitan</option>
		</select>
	</div>
	<div class="cruasan"></div> <!-- quiero cambiar el fondo de este div -->
</div>

[gnzsoloyo]

Sería buena idea que lea lo que le han puesto:

desde el evento onchange del select obtengo el objeto que representa al DIV por su ID y le aplico a su propiedad className que representa su clase CSS el value devuelto por el objeto actual que llamo al evento (this) que en este caso es el select

¿Se entiende? El select sirve para obtener el DIV al que se quiere cambiar.

[maycolalvarez]

para ello debe de colocarle un ID al div

<div class="cruasan" id="div_a_ambiar">

si no, ¿como lo identifica?, consulte un manual de JavaScript y DOM y lea y comprenda lo que se le dice, entienda que sin los conocimientos necesarios no comprenderá nada de lo que se le dice y en el foro no estamos como para enseñar a los usuarios a caminar, deben valerse por sí solos, aquí se ofrece asesoría no clases especializadas, consulte las políticas