Cargando

Ir a contenido

X

Varios colores en textarea desde lista desplegable





  AUTOR PREGUNTA

Publicado 25 marzo 2014 - 21:45
Tengo una lista donde depende lo que elijas deberia mostrar un color u otro, lo que quiero es que me escriba la variable del color que le corresponde y no que cambie todo el textarea cada vez que selecciono un item.
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 25 marzo 2014 - 21:59
Para ello, puedes utilizar textarea o un div depende si lo necesitas guardar o no y poner un color a cada texto mira este ejemplo:
<head>
<script src='[url="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"]http://ajax.googleap...2/jquery.min.js[/url]' type='text/javascript'></script>
</head>

<body>
<select name="seqselect" id ="seqselect" />
<option selected> seleccionar </option>
<optgroup id ="color" style="color: #E9122F;">
<option value="rojo">rojo</option>
</optgroup>
<optgroup id ="color" style="color: #0B33E6;">
<option value="azul">azul</option>
</optgroup>
</select>

<script>
$("#colorelegido").change(function(){

var selected = $("option:selected", this);
var colour = document.getElementById(selected.parent()[0].id).style.color;

document.getElementById('colorelegido').innerHTML = document.getElementById('colorelegido').innerHTML+" "+"<span style='color:"+colour+"'>"+this.value+"</span>";

});
</script>

<div id="colorelegido" ></div><p>

</body>
</html>



X