文件不报错 但是没有效果
<!doctype html>
下拉列表框联动
<br> body{font-size:13px}<br> ,clsInit{width:435px,height:35px;line-height:35px;padding-left:10px}<br> .clsTip{padding-top:5px;background-color:#eee;display:none}<br> .btn{border:#666 1px solid;padding:2px;width:65px;float:right;margin-top:6px;margin-right:6px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECE9D8);}<br>
<br> $(function(){<br> function objInit(obj){<br> //下拉列表初始化<br> return $(obj).html("<option>请选择</option>");<br> }<br> var arrData = {<br> //定义一个数组保存相关数据<br> 厂商1:{品牌1_1:"型号1_1_1,型号1_1_2",品牌1_2:"型号1_2_1,型号1_2_2"},<br> 厂商2:{品牌2_1:"型号2_1_1,型号2_1_2",品牌2_2:"型号2_2_1,型号2_2_2"},<br> 厂商3:{品牌3_1:"型号3_1_1,型号3_1_2",品牌1_2:"型号3_2_1,型号3_2_2"}<br> };<br> //这个函数的参数pF是什么 前面没有定义 是怎么得到的<br> $.each(arrData,function(pF){<br> //遍历数据增加厂商选项<br><br> $("#self").append("<option>"+pF+"</option>");<br> }); <br> $("#selF").change(function(){<br> //厂商列表框选项改变事件<br> objInit("#selT");<br> objInit("#selC");<br> $.each(arrData,function(pF,pS){<br> //如果厂商选中项与数据匹配<br> if($("#selF option:selected").text() == pF){<br> //遍历数据增加品牌项<br> $.each(pS,function(pT,pC){<br> $("#selT").append("<option>"+pT+"</option>");<br> });<br> //品牌列表框选项改变事件<br> $("#selT").change(function(){<br> objInit("#selC");<br> $.each(pS,function(pT,pC){<br> //如果品牌选中项与数据匹配<br> if($("#selT option:selected").text() == pT){<br> //遍历数据增加型号项<br> $.each(pC.split(","),function(){<br> $("#selC").append("<option>"+this+"</option>");<br> });<br> }<br> });<br> });<br> }<br> });<br> });<br> $("#Button1").click(function(){<br> var strValue = "您选择的厂商:";<br> strValue += $("#selF option:selected").text();<br> strValue += " 您选择的品牌:";<br> strValue += $("#selT option:selected").text();<br> strValue += " 您选择的型号:";<br> strValue += $("#selC option:selected").text();<br> $("#divTip").show().addClass("clsTip").html(strValue);<br> });<br> })<br>
厂商:
请选择
品牌:
请选择
型号:
请选择