Option defaultSelectedPropiedades
Objeto Option
Definición y uso
La propiedad defaultSelected devuelve el valor inicial de la propiedad selected.
Devuelve true si la opción predeterminada está seleccionada; de lo contrario, devuelve false.
Si se restablece el formulario, la propiedad selected se restablece al valor de esta propiedad. Esta propiedad también establece el valor de la propiedad selected.
Nota:La opción predeterminada se mostrará en la primera posición.
Sintaxis
optionObject.defaultSelected
Compatibilidad del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales admiten la propiedad defaultSelected.
Ejemplo
Ejemplo
El siguiente ejemplo detecta si la opción seleccionada es la opción predeterminada:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de Ejemplo (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementsByTagName("option");
alert("" + y[x].text + " ¿Es la opción predeterminada? " + y[x].defaultSelected);
}
</script>
</head>
<body>
<form>
Selecciona tu fruta favorita:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option selected="selected">Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">¿Es la fruta seleccionada la predeterminada?</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de Ejemplo (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementsByTagName("option");
alert("" + y[x].text + " ¿Es la opción predeterminada? " + y[x].defaultSelected);
}
</script>
</head>
<body>
<form>
Selecciona tu fruta favorita:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option selected="selected">Pineapple</option>
<option>Banana</option>
</select>
</form>
<button type="button" onclick="displayResult()">¿Es la fruta seleccionada la predeterminada?</button>
</body>
</html>
Pruébalo »
Objeto Option Otras extensiones