Option formPropiedad
Objeto Option
Definición y uso
La propiedad form devuelve una referencia al formulario que contiene la opción.
Esta propiedad devuelve el objeto form.
Sintaxis
optionObject.form
Compatibilidad del navegador
Todos los navegadores principales admiten la propiedad form
Ejemplo
Ejemplo
Este ejemplo devuelve el id del formulario al que pertenece la opción seleccionada en la lista desplegable:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
Selecciona tu fruta favorita:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">Mostrar el ID del formulario</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
Selecciona tu fruta favorita:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">Mostrar el ID del formulario</button>
</body>
</html>
Pruébalo »
Objeto Option Otras extensiones