Maison >interface Web >js tutoriel >Partage de données vidéo de liaison JavaScript à trois niveaux

Partage de données vidéo de liaison JavaScript à trois niveaux

巴扎黑
巴扎黑original
2017-08-28 14:06:132108parcourir

Les points de connaissance présentés dans cette vidéo sont des liens à trois niveaux qui sont souvent utilisés dans notre travail quotidien. Par exemple, lorsque nous achetons quelque chose en ligne et que nous remplissons l'adresse de livraison, des listes déroulantes apparaîtront, nous permettant de sélectionner l'adresse. Il existe également d'autres catégories. Par exemple, si vous souhaitez acheter des vêtements, vous choisirez des vêtements pour hommes, femmes et enfants. Sous les vêtements pour hommes, il y aura des costumes, des vêtements de sport et de loisirs, etc. Par conséquent, si vous apprenez bien le contenu de cette vidéo, elle vous sera très utile pour votre travail futur.

Partage de données vidéo de liaison JavaScript à trois niveaux

Adresse de lecture vidéo : http://www.php.cn/course/198.html

La difficulté de cela La vidéo est L'écriture du code de base JavaScript est une application pratique des connaissances de base de JavaScript :

 var oproc = document.getElementById("proc");
    var ocity = document.getElementById("city");
    var odist = document.getElementById("dist");
    
    window.onload = function(){
        for(var i =0;i<oProc.length;i++){
            //创建元素节点
            var oOpt = document.createElement("option");
            //创建文本节点
            var oTxt = document.createTextNode(oProc[i]);
            oOpt.appendChild(oTxt);
            oproc.appendChild(oOpt);
        }
    };
    function showCity(){
        if(oproc.value=="-1"){
            ocity.options.length = 1;
            odist.options.length = 1;
        }else{
            ocity.options.length = 1;
            odist.options.length = 1;
            var num = oproc.options.selectedIndex;
            //console.log(num); 测试是否成功
            for(var i =0;i<oCity[num-1].length;i++){ 
                var oOpt = document.createElement("option");
                var oTxt = document.createTextNode(oCity[num-1][i]);
                oOpt.appendChild(oTxt);
                ocity.appendChild(oOpt);
            }
        }
    }
    function showDist(){
        if(ocity.value==&#39;-1&#39;){
            odist.options.length = 1
        }else{
            odist.options.length = 1;
            var numPro = oproc.options.selectedIndex;
            var numCity = ocity.options.selectedIndex;
            for(var i=0;i<oDist[numPro-1][numCity-1].length;i++){
                var oOpt = document.createElement("option");
                var oTxt = document.createTextNode(oDist[numPro-1][numCity-1][i]);
                oOpt.appendChild(oTxt);
                odist.appendChild(oOpt);
            }
        }
    }

Le conférencier dans cette vidéo est Ji Wei, un jeune conférencier du site Web PHP chinois. La conférence est animée. et intéressant, et il frappe et parle Retard, prend pleinement en compte les sentiments des étudiants. Les cours de base vont du simple au avancé, et les cours pratiques vont du simple au complexe. Le but de son enseignement est d'apprendre ce que l'on veut apprendre en jouant. Apprendre, c'est la même chose que jouer. Ouvrages représentatifs : "Apprenez PHP du bout des doigts" etc. Vous pouvez aller l'étudier.

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!

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