jQuery权威指南中的下拉表达联动例子的问题

文件不报错 但是没有效果

<!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(&quot;<option>请选择</option>&quot;);<br> }<br> var arrData = {<br> //定义一个数组保存相关数据<br> 厂商1:{品牌1_1:&quot;型号1_1_1,型号1_1_2&quot;,品牌1_2:&quot;型号1_2_1,型号1_2_2&quot;},<br> 厂商2:{品牌2_1:&quot;型号2_1_1,型号2_1_2&quot;,品牌2_2:&quot;型号2_2_1,型号2_2_2&quot;},<br> 厂商3:{品牌3_1:&quot;型号3_1_1,型号3_1_2&quot;,品牌1_2:&quot;型号3_2_1,型号3_2_2&quot;}<br> };<br> //这个函数的参数pF是什么 前面没有定义 是怎么得到的<br> $.each(arrData,function(pF){<br> //遍历数据增加厂商选项<br><br> $(&quot;#self&quot;).append(&quot;<option>&quot;+pF+&quot;</option>&quot;);<br> }); <br> $(&quot;#selF&quot;).change(function(){<br> //厂商列表框选项改变事件<br> objInit(&quot;#selT&quot;);<br> objInit(&quot;#selC&quot;);<br> $.each(arrData,function(pF,pS){<br> //如果厂商选中项与数据匹配<br> if($(&quot;#selF option:selected&quot;).text() == pF){<br> //遍历数据增加品牌项<br> $.each(pS,function(pT,pC){<br> $(&quot;#selT&quot;).append(&quot;<option>&quot;+pT+&quot;</option>&quot;);<br> });<br> //品牌列表框选项改变事件<br> $(&quot;#selT&quot;).change(function(){<br> objInit(&quot;#selC&quot;);<br> $.each(pS,function(pT,pC){<br> //如果品牌选中项与数据匹配<br> if($(&quot;#selT option:selected&quot;).text() == pT){<br> //遍历数据增加型号项<br> $.each(pC.split(&quot;,&quot;),function(){<br> $(&quot;#selC&quot;).append(&quot;<option>&quot;+this+&quot;</option>&quot;);<br> });<br> }<br> });<br> });<br> }<br> });<br> });<br> $(&quot;#Button1&quot;).click(function(){<br> var strValue = &quot;您选择的厂商:&quot;;<br> strValue += $(&quot;#selF option:selected&quot;).text();<br> strValue += &quot;&nbsp;您选择的品牌:&quot;;<br> strValue += $(&quot;#selT option:selected&quot;).text();<br> strValue += &quot;&nbsp;您选择的型号:&quot;;<br> strValue += $(&quot;#selC option:selected&quot;).text();<br> $(&quot;#divTip&quot;).show().addClass(&quot;clsTip&quot;).html(strValue);<br> });<br> })<br>



厂商:
请选择

品牌:
请选择

型号:
请选择






2个回答

注意代码中的大小写
[code="java"]
//遍历数据增加厂商选项

$("#selF").append(""+pF+"");
[/code]

huasuoworld的解决方案,测试有效

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐