Javascript exploite la sélection d'objet dom (réponse détaillée)

Maintenant, je vais vous proposer une analyse complète de select utilisant Javascript pour faire fonctionner les objets dom. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

code html :

　　<select id="university">
<option value="北京大学">北京大学</option>
<option value="清华大学">清华大学</option>
<option value="北京电影学院">北京电影学院</option>
</select>

js natif Opération

1. Récupérer l'objet sélectionné

var university=document.getElementById("university");

2 .Obtenez la valeur d'index de l'option sélectionnée par select

var index=university.selectedIndex;

3. Obtenez la valeur du option sélectionnée par select ;

var val=university.options[index];

4. Obtenez l'index de l'option sélectionnée ; >

var text=university.options[index].text;

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Node

js+Explication détaillée des étapes d'installation d'Electron Ubuntu

Native JS+ AJAX crée un effet de liaison à trois niveaux (avec code)

Vue+Video.

jsExplication détaillée des étapes pour lire la vidéo m3u8

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!