JavaScript三層連携動画データ共有-jsチュートリアル-php.cn

JavaScript三層連携動画データ共有

巴扎黑

リリース： 2017-08-28 14:06:13

オリジナル

2097 人が閲覧しました

このビデオで紹介されている知識ポイントは、私たちの日常業務でよく使用される 3 つのレベルのつながりです。たとえば、オンラインで何かを購入し、配送先住所を入力すると、いくつかのドロップダウンボックスが表示され、住所を選択できるようになります。他にも、たとえば洋服を買う場合は、紳士服、婦人服、子供服というカテゴリーがあり、紳士服の下にはスーツ、スポーツ、レジャーなどもあります。したがって、このビデオの内容をよく学ぶと、今後の仕事に非常に役立ちます。

JavaScript三層連携動画データ共有

動画再生アドレス: //m.sbmmt.com/course/198.html

この動画の難しさは、JavaScript のコアコードの記述にあります。これは、基本の実践的な応用です。 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);
            }
        }
    }

ログイン後にコピー

このビデオの講師は、PHP 中国語 Web サイトの若手講師、Ji Wei です。講義は活発で面白く、生徒の気持ちを十分に考慮して、間髪入れずに話します。基礎コースは簡単なものから高度なものまで、実践コースは簡単なものから複雑なものまであります。彼の指導の目的は、遊びながら学びたいことを学ぶことです。代表作：『すぐわかるPHP』など、気軽に勉強できます。

以上がJavaScript三層連携動画データ共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。