Cet article présente l'utilisation des événements js onchange dans les listes déroulantes. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.
<!DOCTYPEhtml>
<html>
<tête>
<méta charset="UTF-8">
<titre></titre>
<script type="text/javascript" src="js/jquery-1.4.js" ></script>
</tête>
<corps>
L'événement <!--onchange se produit lorsque le contenu du champ change.
L'événement onchange peut également être utilisé pour les boutons radio, les cases à cocher et les événements déclenchés après la modification de la liste déroulante. -->
<select id="sxbh" onchange="xzsx();">
<option value="1">Liste déroulante 1</option>
<option value="2">Menu déroulant 2</option>
<option value="3">Menu déroulant 3</option>
</sélectionner>
<script>
fonction xzsx(){
console.log("La fonction xzsx a été appelée");
var sxbh = document.getElementById("sxbh").value;
console.log(sxbh)
//Après avoir obtenu la valeur sxbh, nous pouvons faire autre chose ; un traitement logique ou envoyer du ajax avec des paramètres.
// jQuery.ajax({
//url : "/",
// asynchrone : faux,
// tape : "POST",
// données : {SXBH:sxbh},
// succès : fonction (données) {
// xzsxList = JSON.parse(données);
// leftList = JSON.parse(data);
// }
// });
} ;
</script>
</corps>
</html> 
Effet: 
Recommandations associées : [Tutoriel vidéo JavaScript]
Ce qui précède est une explication détaillée de l'utilisation des événements JS onchange dans les listes déroulantes. Pour plus d'informations, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !