Option textPropiedad
Objeto Option
Definición y uso
La propiedad text puede establecer o devolver el valor de texto de la opción.
Consejo:Esta propiedad establece o devuelve el texto sin formato contenido en el elemento <option>. Este texto aparecerá como la etiqueta de la opción.
Sintaxis
Establecer la propiedad text:
optionObject.text="text"
Devolver la propiedad text:
optionObject.text
Compatibilidad del navegador
Todos los navegadores principales admiten la propiedad text.
Ejemplo
Ejemplo
El siguiente ejemplo devuelve el texto de todas las opciones de la lista desplegable:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(selTag){
var x=selTag.options[selTag.selectedIndex].text;
alert("Has seleccionado: " + x);
}
</script>
</head>
<body>
<form>
Elige tu fruta favorita:
<select onchange="displayResult(this)">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(selTag){
var x=selTag.options[selTag.selectedIndex].text;
alert("Has seleccionado: " + x);
}
</script>
</head>
<body>
<form>
Elige tu fruta favorita:
<select onchange="displayResult(this)">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
</body>
</html>
Pruébalo »
Más ejemplos
Muestra el texto de todas las opciones de la lista desplegable
Objeto Option Otras extensiones