communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

Conseils pour que js déclenche les conseils de sélection onchange event_javascript

WBOY
Libérer： 2016-05-16 16:40:20
original
1732 Les gens l'ont consulté

L'événement onchange de select ou de text doit modifier manuellement (via la saisie au clavier) la valeur de select ou de text pour être déclenché. Si vous attribuez une valeur à select ou à text en js, l'événement onchang ne peut pas être déclenché. ,
Par exemple, une fois la page chargée, un événement onChange doit être déclenché. Dans js, il n'est pas possible d'utiliser document.getElementById("province").value="Hubei"; Si vous souhaitez déclencher manuellement l'événement onchange, vous devez ajouter l'instruction suivante

après avoir attribué une valeur à select dans js.

document.getElementById("province").fireEvent('onchange') à réaliser,

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">

var provinces = new Array();
provinces["湖北"] = ["武汉","襄阳","随州","宜昌","十堰"];
provinces["四川"] = ["成都","内江","达州"];
provinces["河南"] =["郑州","南阳","信阳","漯河"];
function changeProvince()
{
var prov = document.getElementById("province").value;
var city =document.getElementById("city");
city.options.length =0;
for(var i in provinces[prov])
{
city.options.add(new Option(provinces[prov][i],provinces[prov][i]));
}
}
window.onload = function(){
var province = document.getElementById("province");

for(var index in provinces)
{
//alert(index);
province.options.add(new Option(index,index));
}
province.fireEvent("onchange");
};
</script>
</head>
<body>
省份:<select id="province" onchange= "changeProvince()"></select>
城市:<select id="city"></select>

</body>
</html>
Copier après la connexion
Étiquettes associées：
select
source：php.cn
Article précédent：Compétences simples et faciles à utiliser avec le compte à rebours js code_javascript Article suivant：Format de syntaxe et utilisation de la méthode with() dans les compétences javascript_javascript
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
SQL Count() nécessite également 0 Je n'ai qu'une seule table et je veux compter chaque entrée d'une balise qui commence par ...
Depuis 2024-04-06 19:48:53
0
1
449
sql groupby ne fonctionne pas, je veux regrouper par code_branch -&gt;select('a.statusasstatus','b.nameascustomer_name','e.nameasbranch_name','c.nameas...
Depuis 2024-04-06 19:24:49
0
2
488
Une erreur s'est produite lors de la tentative de récupération de la dernière version d'un package à partir de search.maven.org "Erreur : Impossible de récupérer les données du référentiel Maven" lors de la r...
Depuis 2024-04-05 12:11:23
0
1
1471
Modifier le style matSelect lors de l'affichage des options Comment modifier les propriétés de mat-select lorsque l'option est activée ? <mat-selec...
Depuis 2024-04-05 09:23:19
0
1
1374
Écho à l'intérieur d'un div avec écho imbriqué J'essaie d'utiliser echo<?phprequire'connect.php';$query=mysqli_query($conn,"SELEC...
Depuis 2024-04-04 11:09:23
0
1
390
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal