外贸做的亚马逊网站是哪个好,网站建设注意事项知乎,代加工接订单网站,网站双线主机优势!--
我的思路#xff1a;
1.页面加载时便进入后台获得第一级的值#xff1b;
2.当第一级的值改变时#xff0c;清空第二级和第三级的值#xff0c;并加载第二级的值
3.当第二级的值改变时#xff0c;清空第三级的值#xff0c;并加载第三级的值
--table
… !--
我的思路
1.页面加载时便进入后台获得第一级的值
2.当第一级的值改变时清空第二级和第三级的值并加载第二级的值
3.当第二级的值改变时清空第三级的值并加载第三级的值
--table
trthem*/em意向车型/thtd width108select idcar_brand onchangecheckBrand()option value请选择品牌/option/select/tdtd width108select idcar_series onchangecheckSeries()option value请选择车系/option/select/tdtdselect idcar_modeloption value请选择车型/option/select/td
/tr
/table script typetext/javascript// 页面加载时加载第一级loadBrand();// 加载第一级function loadBrand(){document.getElementById(car_brand).options.length0;$.ajax({type: POST,url: action/do_car.jsp,data: methodload_brand,dataType: json,success: function(data) {var msg data.msg;switch (msg) {case success:var select document.getElementById(car_brand);var option_one new Option(请选择品牌, -1); // create default optionselect.options.add(option_one); // add valuefor (i 0; i data.brands.length; i) {// to load optionvar option new Option(data.brands[i].name, data.brands[i].brandId);select.options.add(option);}break;default:alert(msg);break;}},error: function(xhr) {alert(错误 xhr.status xhr.statusText);}})}// 第一级改变时加载第二级function checkBrand(){document.getElementById(car_series).options.length0;document.getElementById(car_model).options.length0;loadSeries();}// 加载第二级function loadSeries(){$.ajax({type: POST,url: action/do_car.jsp,data: methodload_seriesbrandiddocument.getElementById(car_brand).value,dataType: json,success: function(data) {var msg data.msg;switch (msg) {case success:var series document.getElementById(car_series);var one_series new Option(请选择车系,-1);series.options.add(one_series);var model document.getElementById(car_model);var one_model new Option(请选择车型,-1);model.options.add(one_model);for (i 0; i data.cars.length; i) {var option new Option(data.cars[i].name, data.cars[i].carsId);series.options.add(option);}break;default:alert(msg);break;}},error: function(xhr) {alert(错误 xhr.status xhr.statusText);}})}/*-----------------------------------------*/// 第二级改变时加载第三级function checkSeries(){document.getElementById(car_model).options.length0;loadModel();}// 加载第三级function loadModel(){$.ajax({type: POST,url: action/do_car.jsp,data: methodload_modelseriesiddocument.getElementById(car_series).value,dataType: json,success: function(data) {var msg data.msg;switch (msg) {case success:var select document.getElementById(car_model);var option_one new Option(请选择车型,-1);select.options.add(option_one);for (i 0; i data.car.length; i) {var option new Option(data.car[i].name, data.car[i].carId);select.options.add(option);}break;default:alert(msg);break;}},error: function(xhr) {alert(错误 xhr.status xhr.statusText);}})}
/script 转载于:https://www.cnblogs.com/lixin890808/archive/2013/04/06/3002816.html
