<!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 (1)