recherche

Maison >interface Web >js tutoriel >Conseils pour que js déclenche les conseils de sélection onchange event_javascript

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

WBOY
WBOYoriginal
2016-05-16 16:40:201761parcourir

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>
Déclaration：
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
Article précédent：Compétences simples et faciles à utiliser avec le compte à rebours js code_javascriptArticle suivant：Compétences simples et faciles à utiliser avec le compte à rebours js code_javascript

Articles Liés

Voir plus