como recuperar el texto de un select

roboty · #1 (**permalink**) 27/08/2011, 10:54

Hola, no consigo recuperar el texto de un select, solo su valor pero no se como tendria que hacerlo para recuperar el texto en vez del valor la linea en mi funcion la tengo asin:

Código Javascript:

Ver originaldocument.getElementById('id_div').innerHTML=document.getElementById('id_tag').value;

Esta linea la tengo en mi funcion y me recupera el valor de la opcion elejida de forma asincronica pero no se como cambiarla para que me recupere el texto de la opcion alguna idea?

Saludos.

Panino5001 · #2 (**permalink**) 27/08/2011, 11:21

A ver si así lo ves más claramente que en mi respuesta anterior:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
</head> 
 
<body> 
<form> 
<select id="sel"> 
<option value="1">uno</option><option value="2">dos</option><option value="3">tres</option> 
</select> 
</form> 
<div id="pp" style="cursor:pointer" onclick="document.getElementById('ver').innerHTML=document.getElementById('sel').value">click para ver el value</div> 
<div id="pp2" style="cursor:pointer" onclick="document.getElementById('ver').innerHTML=document.getElementById('sel').options[document.getElementById('sel').selectedIndex].text">click para ver el texto</div> 
<div id="ver">-</div> 
</body> 
</html>

IXtremeLT · #3 (**permalink**) 27/08/2011, 11:24

Hola, haslo así:

Código Javascript:

Ver originalvar id_tag = document.getElementById('id_tag');
document.getElementById('id_div').innerHTML = id_tag.options[id_tag.selectedIndex].innerHTML

¿Qué es la propiedad options?
Es una matríz que contiene todos los elementos "option" del elemento "select".

¿Qué es la propiedad selectedIndex?
Es el número de índice de la opción seleccionada del <select>, si seleccionas el primero, el índice es el número 0, si seleccionas la segunda opción es 1, si seleccionas el tercero es 2, y así sucesivamente.

Saludos

roboty · #4 (**permalink**) 27/08/2011, 13:04

Panino5001 ahora si lo vi claro, gracias y te agradezco tu ayuda y IXtremeLT gracias tambien por tu colaboracion.

Saludos.