Js实现联动菜单实例代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AIDE技术网版权所有aidezy.com</title> </head> <body> <select id="xuan" onchange="bian()"> <option value="">请选择国家</option> <option value="1">中国最强</option> <option value="2">美国渣渣</option> </select> <select id="xuan2"></select> <div id="xuan2"></div> </body> <script type="text/javascript"> function bian(){ var xuan = document.getElementById('xuan'); var xuan2 = document.getElementById('xuan2'); var arr = ['',['北京','上海'],['洛杉矶','纽约']]; var shu = arr[xuan.value]; // alert(shu); //for循环方式 var arr2 = ''; for (var i = 0; i < shu.length; i++) { // var ce = 'select'; // if (arr.indexOf('<select>') >= 0) { // // alert('1'); // arr2 = arr + '<option>' + shu[i] + '</option>'; // } arr2 = arr2 + '<select> <option>' + shu[i] + '</option> </select>'; // alert(arr); } //while循环方式 var arr2 = ''; var i = 0; while(i < shu.length){ arr2 = arr2 + '<option>' + shu[i] + '</option>'; i++; } xuan2.innerHTML = arr2; } </script> </html>