La propiedad seleccionada por defecto de la opción DOM se utiliza para devolver el valor predeterminado de un atributo seleccionado. El atributo seleccionado en HTML se utiliza para especificar qué opción debe seleccionarse de forma predeterminada cuando se carga la página. Este es un atributo booleano. La opción que tiene el atributo seleccionado se mostrará por defecto.
Nota: si una opción está seleccionada de forma predeterminada, se muestra primero en la lista desplegable.
Sintaxis:
- Se utiliza para devolver la Propiedad.
optionObject.defaultSelected
Valor devuelto: Devuelve un valor booleano que representa que la opción está seleccionada por defecto o no.
Ejemplo: este ejemplo ilustra cómo devolver la propiedad defaultSelected.
html
<!DOCTYPE html>
<html>
<head>
<title>DOM option defaultSelected Property</title>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">GeeksforGeeks</h1>
<h2>DOM defaultSelected Property</h2>
<!-- List of Options -->
<select id="GFG">
<option value="merge">Merge Sort</option>
<option value="bubble">Bubble Sort</option>
<option value="insertion">Insertion Sort</option>
<!-- Option element with selected attribute -->
<option value="quick" selected>Quick Sort</option>
</select><br><br>
<button onclick="myGeeks()">Submit</button>
<p id="sudo" style="font-size:20px;color:green;"></p>
<script>
function myGeeks() {
var x = document.getElementById("GFG").selectedIndex;
var y = document.getElementsByTagName("option");
document.getElementById("sudo").innerHTML =
"Is " + y[x].text + " selected by default? "
+ "<br>" + "yes It's " + y[x].defaultSelected;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad seleccionada por defecto de la opción DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA