El efecto de enlace de segundo nivel del cuadro desplegable implementado por JS

Este artículo describe el efecto de enlace secundario de los cuadros desplegables implementados por JS. Compártelo para su referencia, como sigue:

 <script language = "javascript" type = "text/javascript"> <!-/ * * Descripción: Borre el valor de opción de la lista desplegable especificada * Reimpreso desde: Gdong ElVis (http://www.gdcool.net) * * @param {String || Objeto]} selectObj El nombre u objeto del cuadro desplegable de destino debe ser */ function RemoSpoptions (selectObj) {if (typeOf selectObj! = 'Object') {selectObj = document.getElementById (selectObj); } // El recuento de opciones original var len = selectObj.options.length; for (var i = 0; i <len; i ++) {// elimina la opción actual selectObj.options [0] = null; }} / * * @param {string || Object]} selectObj The name or object of the target drop-down selection box must be * @param {Array} optionList The format of the option value: [{txt:'Beijing', val:'010'}, {txt:'Shanghai', val:'020'}] , must * @param {String} firstOption The first option value, such as: "Please select", optional, the value is vacío * @param {String} Valor seleccionado predeterminado seleccionado, opcional */ function setSelectOption (selectObj, optionList, firstOption, seleccionado) {if (typeOf selectObj! = 'Object') {selectObj = document.getElementById (selectObj); } // Borrar la opción RemoToPtions (selectObj); // Conteo de opciones VAR Start = 0; // Si necesita agregar la primera opción if (birstOption) {selectObj.options [0] = nueva opción (FirstOption, ''); // Conteo de opciones Start ++; } var len = optionList.length; for (var i = 0; i <len; i ++) {// set Opción selectObj.options [inicio] = nueva opción (opcionList [i] .txt, opcionList [i] .val); // Seleccione el elemento if (seleccionado == OppectionList [i] .val) {selectObj.options [inicio] .selected = true; } // Agregar 1 para contar inicio ++; }} //-> </script> <script language = "javascript" type = "text/javaScript"> var cityarr = []; cityarr ['jiangsu province'] = [{txt: 'nanjing', val: 'nanjing'}, {txt: 'wuxi', val: 'wuxi' o}, {txt: 'xUzhou', 'xUzhou'. val: 'xuzhou'}, {txt: 'Suzhou', val: 'Suzhou'}, {txt: 'nantong', val: 'nantong'}, {txt: 'huaiyin', val: 'huaiyin'}, {txt: 'yangzhou', val: 'yangzhou'}, {txt: 'zhenjiang', val: 'zhenjiang'}, {txt: 'changzhou', val: 'changzhou'}]; cityarr ['zhejiang'] = [{txt: 'hangzhou', val: 'hangzhou'}, {txt: 'ningbo', val: 'ningbo'}, {txt: 'wenzhou', val: 'wenzhou'}, {txt: 'huzhou', val: 'huzhou'}]; function setCity (provincia) {setSelectOption ('city', cityarr [provincia], '-Lease Select-');} </script> <select name = "province" province "provincia =" ! = '') setCity (this.options [this.selectedIndex] .value); "> <opción valor =" ">-Seleccione-</opción> <opción valore =" provincia de jiangsu "> jiangsu provincia </opción> <option value =" zhejiangiang province "> zhejiang provincia </section> </select> <select name =" Ciudad "Ciudad" Ciudad "" Ciudad ". value = "">-Seleccione-</opción> </select> City

PD: Aquí recomiendo una herramienta de compresión, formateo y cifrado de JavaScript muy útil para usted, que tiene funciones muy poderosas:

Herramientas de compresión/formateo/cifrado de JavaScript: http://tools.vevb.com/code/jscompress

La función de cifrado en la herramienta JS anterior puede realizar el formulario de cifrado de la función eval del código JS. ¡Este sitio también proporciona la siguiente herramienta de descifrado para el cifrado de funciones EVAL, que es muy poderoso y práctico!

Método de evaluación de JS Herramienta de cifrado y descifrado en línea : http://tools.vevb.com/password/evalencode

Para obtener más información sobre JavaScript, consulte los temas de este sitio: "Resumen de los efectos y técnicas de conmutación de JavaScript", "Resumen de las habilidades de algoritmo de búsqueda de JavaScript", "Resumen de los efectos de animación de JavaScript y las técnicas", "Resumen de los errores de JavaScript y la eliminación de las tecnologías", "Summary of JavaScript Data Structures and Alggorithm Skills of JaVaScripts of JaVaScripts of JavaScripts of JaVaScripts de JaVaScripts de JaVaScripción Algoritmos y técnicas de traversal ", y" Resumen del uso de operaciones matemáticas de JavaScript "

Espero que este artículo sea útil para la programación de JavaScript de todos.