jquery获取select选中的值:
$(‘#brand‘).change(function(){ var brand=$("#brand option:selected").val(); alert(brand); });
<div class="col-sm-8 col-xs-12"> <select name="brand" id="brand" class="form-control"> <option value="0">请选择汽车品牌</option> <option value="2">A---奥迪(一汽)</option> <option value="4">B---宝骏(上汽通用五菱)</option> <option value="5">B---宝马(华晨)</option> <option value="7">B---北汽</option> <option value="8">B---奔驰(北京)</option> <option value="9">B---奔驰(福建)</option> <option value="11">B---本田(东风)</option> <option value="12">B---本田(广汽本田)</option> <option value="14">B---标致(东风)</option> <option value="17">B---别克(上海通用)</option> <option value="18">B---比亚迪</option> <option value="19">C---长安标致雪铁龙</option> <option value="20">C---长安汽车</option> <option value="21">C---长城汽车</option> <option value="22">C---长丰汽车</option> <option value="23">C---昌河</option> <option value="27">D---大众(上海)</option> <option value="28">D---大众(一汽)</option> <option value="29">D---东风汽车</option> <option value="30">D---东风裕隆</option> <option value="31">D---东南汽车</option> <option value="32">F---菲亚特(广汽)</option> <option value="34">F---菲亚特(南京)</option> <option value="35">F---丰田(广汽丰田)</option> <option value="37">F---丰田(一汽)</option> <option value="38">F---福特(长安)</option> <option value="40">G---广汽</option> <option value="41">H---哈飞</option> <option value="42">H---海马</option> <option value="43">H---华泰现代</option> <option value="44">J---江淮汽车</option> <option value="45">J---江铃</option> <option value="47">J---吉利(中国)</option> <option value="48">J---金杯</option> <option value="51">J---吉普(北京)</option> <option value="53">K---凯迪拉克(上海通用)</option> <option value="57">L---力帆</option> <option value="58">L---铃木(长安)</option> <option value="59">L---铃木(昌河)</option> <option value="63">M---马自达(长安)</option> <option value="64">M---马自达(海南)</option> <option value="66">M---马自达(一汽)</option> <option value="67">M---名爵(上汽)</option> <option value="71">Q---青年莲花</option> <option value="72">Q---奇瑞</option> <option value="73">Q---起亚(东风)</option> <option value="75">R---日产(东风)</option> <option value="77">R---日产(郑州)</option> <option value="78">R---荣威(上汽)</option> <option value="80">S---三菱(东南)</option> <option value="81">S---三菱(广汽)</option> <option value="85">S---斯柯达(上海大众)</option> <option value="86">T---特斯拉</option> <option value="87">T---天津一汽</option> <option value="88">W---沃尔沃(长安福特)</option> <option value="90">W---五菱(上汽通用)</option> <option value="91">X---夏利</option> <option value="92">X---现代(北京)</option> <option value="96">X---雪佛兰(上海通用)</option> <option value="97">X---雪铁龙(东风)</option> <option value="100">Y---一汽轿车</option> <option value="101">Y---一汽吉林</option> </select> </div>
jquery字符串转json:
var obj = jQuery.parseJSON(msg); alert(obj);
联动菜单:
$(document).ready(function(){ $(‘#submit‘).click(function(){ var name=$(‘#name‘).val(); var price=$(‘#price‘).val(); if(!name){ alert(‘名称不能为空‘); $(‘#name‘).focus(); return false; } if(!price){ alert(‘价格不能为空‘); $(‘#price‘).focus(); return false; } }); $(‘#brand‘).change(function(){ var brand=$("#brand option:selected").val(); $(‘#series‘).empty(); $(‘#model‘).empty(); //alert(brand); if(brand==0){ alert(‘请选择品牌‘); }else{ $.ajax({ type: ‘get‘, async: false, url:‘/web/index.php‘, data:‘c=platform&a=service&do=json&type=1&id=‘+brand, success:function(msg){ var obj = jQuery.parseJSON(msg); //alert(obj); $("<option value=‘" + 0 + "‘>" + ‘请选择型号‘ + "</option>").appendTo(series) $.each( obj, function(index,item){ //console.log(item); $("<option value=‘" + item.id + "‘>" + item.name + "</option>").appendTo(series) }); } }); } }); $(‘#series‘).change(function(){ var series=$("#series option:selected").val(); $(‘#model‘).empty(); //alert(brand); if(series==0){ alert(‘请选择型号‘); }else{ $.ajax({ type: ‘get‘, async: false, url:‘/web/index.php‘, data:‘c=platform&a=service&do=json&type=2&id=‘+series, success:function(msg){ var obj = jQuery.parseJSON(msg); //alert(obj); $("<option value=‘" + 0 + "‘>" + ‘请选择型号‘ + "</option>").appendTo(model) $.each( obj, function(index,item){ //console.log(item); $("<option value=‘" + item.id + "‘>" + item.name + "</option>").appendTo(model) }); } }); } }); });
时间: 2024-10-21 14:12:37