この記事では、JSによって実装されたドロップダウンボックスの二次的なリンク効果について説明します。次のように、参照のために共有してください。
<スクリプト言語= "javascript" type = "text/javascript"> <! - / * *説明:指定されたドロップダウンリストのオプション値をクリアします。 object]} selectobjターゲットドロップダウンボックスの名前またはオブジェクトは */ function removeoptions(selectobj){if(typeof selectobj!= 'object'){selectobj = document.getelementbyid(selectobj); } //元のオプションcount var len = selectobj.options.length; for(var i = 0; i <len; i ++){//現在のオプションselectobj.options [0] = null; }} / * * @param {string || Object]} selectobjターゲットドロップダウン選択ボックスの名前またはオブジェクトは、 * @param {array}オプション値の形式をリストする必要があります。 empty * @param {string} selected default selected value、optional */ function setselectoption(selectobj、optionlist、firstoption、selected){if(typeof selectobj!= 'object'){selectobj = document.getElementbyid(selectobj); } //オプションremoveoptions(selectobj)をクリアします。 //オプションカウントvar start = 0; //最初のオプションを追加する必要がある場合(firstoption){selectobj.options [0] = new option(firstoption、 ''); //オプションカウントstart ++; } var len = optionlist.length; for(var i = 0; i <len; i ++){// set option selectobj.options [start] = new option(optionlist [i] .txt、optionlist [i] .val); //アイテムを選択するif(selected == optionlist [i] .val){selectobj.options [start] .selected = true; } // 1を追加して開始++をカウントします。 }} // - > </scrip> <スクリプト言語= "javascript" type = "text/javascript"> var cityarr = []; cityarr ['jiangsu省'] = [{txt: 'nanjing'、val: 'nanjing'}、{txt: 'wuxi'、val: 'wuxi'}、 'xuzh'、 val: 'xuzhou'}、{txt: 'suzhou'、val: 'suzhou'}、{txt: 'nantong'、val: 'nantong'}、{txt: 'huaiyin'、val: 'huaiyin'}、{txt: 'yanghou'、val: 'yangzhou'} {txt: 'zhenjiang'、val: 'Zhenjiang'}、{txt: 'changzhou'、val: 'changzhou'}]; cityarr ['zhigh'] = [{txt: 'hangzhou'、val: 'hangzhou'}、{txt: 'ningbo'、val: 'ningbo'} {txt: 'wenzhou'、val: 'wenzhou'}、{txt: 'huzhou'、val: 'huzhou'}]; function setcity(utionce){setselectoption( 'city'、cityarr [州]、 ' - ' - の練習選択 - ');} onChange = "if(this.value!= '')setCity(this.options [this.selectedindex] .value);"> <option value = "" "> - </option> <option value =" jiangsu州 "> jiangsu州</options> <option> <option値=" id = "city"> <option value = ""> - 選択 - </option> </select> cityPS:ここでは、非常に強力な機能を備えた非常に便利なJavaScript圧縮、フォーマット、暗号化ツールをお勧めします。
JavaScript圧縮/フォーマット/暗号化ツール: http://tools.vevb.com/code/jscompress
上記のJSツールの暗号化関数は、JSコードの評価関数の暗号化形式を実現できます。このサイトは、評価機能暗号化のための次の復号化ツールも提供します。これは非常に強力で実用的です!
JSの評価方法オンライン暗号化および復号化ツール:http://tools.vevb.com/password/evalencode
JavaScriptの詳細については、このサイトのトピックを確認してください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの概要」、「JavaScriptアニメーション効果とテクニックの要約」、JavaScriptエラーとデバッグテクニックの要約「JavaScript Data of Javascript Datarictures」の概要」、「Javascript Data clutture」の要約「概要」、「概要」、「概要」、「概要」、「要約」トラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。