이 기사에서는 JS가 구현 한 드롭 다운 박스의 2 차 연결 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<script language = "javaScript"type = "text/javaScript"> <!-/ * * 설명 : 지정된 드롭 다운 목록의 옵션 값을 지우십시오. Object]} selectObj 대상 드롭 다운 상자의 이름 또는 객체는 */ function removeOptions (selectObj) {if (typeof selectObj! = 'Object') {selectObj = document.getElementById (selectObj); } // 원래 옵션 수 var len = selectObj.options.length; for (var i = 0; i <len; i ++) {// 현재 옵션을 제거 selectObj.options [0] = null; }} / * * @param {문자열 || Object]} selectObj 대상 드롭 다운 선택 상자의 이름 또는 객체는 * @param {array} 옵션리스트 옵션 값의 형식입니다 : [{txt : 'beijing', val : '010'}, {txt : 'shanghai', val : '020'}], '@param} first 옵션은'옵션 옵션 '입니다. * @param {string} 선택한 기본값 선택한 값, 선택 사항 */ function setSelectOption (selectObj, 옵션리스트, 퍼니 옵션, 선택) {if (typeof selectObj! = 'Object') {selectObj = document.getElementById (selectObj); } // 옵션을 지우십시오. removeOptions (selectObj); // 옵션 카운트 var start = 0; // if (firstOption) {selectObj.options [0] = 새 옵션 (FirstOption, '')을 추가 해야하는 경우; // 옵션 카운트 시작 ++; } var len = 옵션 list.length; for (var i = 0; i <len; i ++) {// 옵션 selectObj.options [start] = new 옵션 (옵션리스트 [i] .txt, 옵션리스트 [i] .val); // if (selected == 옵션리스트 [i] .val) {selectObj.options [start] .selected = true; } // start ++를 계산하기 위해 1을 추가합니다. }} //-> </script> <script language = "javaScript"type = "text/javaScript"> var cityArr = []; cityArr [ 'jiangsu province'] = [{txt : 'nanjing', val : 'nanjing'}, {txt : 'wuxi', val : 'wuxi'} val : 'Xuzhou'}, {txt : 'suzhou', val : 'suzhou'}, {txt : 'nantong', val : 'nantong'}, {txt : 'huaiyin', val : 'huaiyin'}, {txt : 'yangzhou', val : 'yangzhou', 'yangzhou', {txt : 'zhenjiang', val : 'Zhenjiang'}, {txt : 'Changzhou', val : 'Changzhou'}]; cityarr [ 'zhejiang'] = [{txt : 'hangzhou', val : 'hangzhou'}, {txt : 'ningbo', ningbo '}, {txt : 'wenzhou', val : 'wenzhou'}, {txt : 'huzhou', val : 'huzhou'}]; function setcity (province) {setSelectoption ( 'city', cityarr], '-please select-'); onchange = "if (this. value! = '') setCity (this.Options [this.SelectedIndex] .Value);"> <옵션 값 = "">-</옵션> <옵션 값 = "jiangsu province"> jiangsu province </옵션> <옵션> </select "> Zhejang prov prov </select> </select> name = "city"id = "city"> <옵션 값 = "">-선택-</옵션> </select> city추신 : 여기에서는 매우 강력한 기능을 갖는 매우 유용한 JavaScript 압축, 서식 및 암호화 도구를 권장합니다.
JavaScript 압축/서식/암호화 도구 : http://tools.vevb.com/code/jscompress
위의 JS 도구의 암호화 기능은 JS 코드의 평가 기능의 암호화 형태를 실현할 수 있습니다. 이 사이트는 또한 평가 기능 암호화를위한 다음 암호 해독 도구를 제공하며, 이는 매우 강력하고 실용적입니다!
JS의 평가 방법 온라인 암호화 및 암호 해독 도구 : http://tools.vevb.com/password/evalencode
JavaScript에 대한 자세한 내용은이 사이트의 주제를 확인하십시오 : "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술 요약", Javascript Scription의 요약 "" "Javascript Skniffic의"JavaScript " Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.