Heim > Web-Frontend > js-Tutorial > Hauptteil

Videodatenfreigabe mit dreistufiger JavaScript-Verknüpfung

巴扎黑
Freigeben: 2017-08-28 14:06:13
Original
2097 Leute haben es durchsucht

Die in diesem Video vorgestellten Wissenspunkte sind dreistufige Verknüpfungen, die in unserer täglichen Arbeit häufig verwendet werden. Wenn wir beispielsweise etwas online kaufen und die Lieferadresse eingeben, werden einige Dropdown-Felder angezeigt, in denen wir die Adresse auswählen können. Es gibt auch einige andere Kategorien: Wenn Sie beispielsweise Kleidung kaufen möchten, wählen Sie Herrenbekleidung, Damenbekleidung und Kinderbekleidung. Unter Herrenbekleidung gibt es Anzüge, Sport- und Freizeitbekleidung und dergleichen. Daher wird es für zukünftige Arbeiten sehr nützlich sein, sich mit dem Inhalt dieses Videos vertraut zu machen.

Videodatenfreigabe mit dreistufiger JavaScript-Verknüpfung

Adresse für die Videowiedergabe: //m.sbmmt.com/course/198.html

Die Schwierigkeit dabei Video ist Das Schreiben von JavaScript-Kerncode ist eine praktische Anwendung der Grundkenntnisse von 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);
            }
        }
    }
Nach dem Login kopieren

Der Dozent in diesem Video ist Ji Wei, ein junger Dozent von der PHP-Chinese-Website. Der Vortrag ist lebhaft und interessant, und er klopft und redet, berücksichtigt dabei voll und ganz die Gefühle der Schüler. Die Grundkurse reichen von einfach bis fortgeschritten, die praktischen Kurse von einfach bis komplex. Der Zweck seines Unterrichts besteht darin, beim Spielen zu lernen, was Sie lernen möchten. Repräsentative Werke: „Learn PHP at Your Fingertips“ usw. Sie können es studieren.

Das obige ist der detaillierte Inhalt vonVideodatenfreigabe mit dreistufiger JavaScript-Verknüpfung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage