Código de JavaScript - Mostrar el texto del select seleccionado en un input type text

Imágen de perfil

Mostrar el texto del select seleccionado en un input type textgráfica de visualizaciones


JavaScript

Publicado el 19 de Julio del 2016 por xve
823 visualizaciones desde el 19 de Julio del 2016. Una media de 42 por semana
Este simple código es de ejemplo para mostrar como poner el value y el texto seleccionado de un elemento <select> en un cuadro de texto.

Versión 1.0

Actualizado el 20 de Julio del 2016 (Creado el 19 de Julio del 2016)gráfica de visualizaciones de la versión: Versión 1.0
824 visualizaciones desde el 19 de Julio del 2016. Una media de 42 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<head>
	<meta charset="utf8">
	<script>
 
	/**
	 * Función que recibe el objeto seleccionado
	 *
	 * objeto.value contiene el value del elemento seleccionado
	 * objeto[value].innerHTML contiene el texto del valor seleccionado
	 */
	function mostrar(objeto)
	{
		if(objeto.value==0)
		{
			document.getElementById("idSeleccionado").value="";
			document.getElementById("textoSeleccionado").value="";
		}else{
			document.getElementById("idSeleccionado").value=objeto.value;
			document.getElementById("textoSeleccionado").value=objeto[objeto.value].innerHTML;
		}
	}
	</script>
</head>
 
<body>
	<select onchange="mostrar(this)">
		<option value="0">Selecciona una opción</option>
		<option value="1">opcion 1</option>
		<option value="2">opcion 2</option>
		<option value="3">opcion 3</option>
		<option value="4">opcion 4</option>
		<option value="5">opcion 5</option>
	</select>
 
	<p>
		Id del select: <input type="text" id="idSeleccionado">
		<br>Texto del select: <input type="text" id="textoSeleccionado">
	</p>
</body>
 
</html>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3605