Varios colores en textarea desde lista desplegable
Iniciado por
Gisela
, mar 25 2014 22:45
Pulsa corazón para recibir avisos de nuevas Respuestas
AUTOR PREGUNTA #1
Publicado 25 marzo 2014 - 22: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
Esto también te interesa!
PREGUNTAS SIMILARES
#2
Publicado 25 marzo 2014 - 22: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>
