作者chrismaggie (中仔)
看板Ajax
标题Re: [问题] 请问jquery的cascade选单应用
时间Tue Sep 23 13:29:17 2008
※ 引述《TonyQ (沉默是金)》之铭言：
: ※ 引述《chrismaggie (中仔)》之铭言：
: : 感谢各位帮忙.昨晚终於把动态选单弄好,不过今天早上发现一个问题
: : 就是我用回圈产生两组重复的下拉选单时,只有第一组选单能正常运作
: : 第二组一样是没反应...本来就想说利用jquery看能不能解决这个问题的..
: : 测试页面:http://www.fashion.ntut.edu.tw/mio/photos/test.php
: : test.php程式码如下
: : </body>
: : 请问这是哪边出了问题呢?还是说这个本来就不支援?因为我的网页系统是需要插入
: : 多笔纪录的,因此表单栏位都会用回圈跑.会产生重复的表单元素.
: 你的id重复 , 它只会去更新第一组 ,
: 每次回圈都给它不同的id就会达到你想要的结果了 ,
T大您真的太神了..我刚刚去修改程式~改成
<?php for( $i=1; $i<=2; $i++){ ?>第一项
<select name="myParentSelect" id="myParentSelect<?php echo $i?>" class="char">
<option value="">请选择</option>
<?php
// 资料库设定
mysql_select_db($database_mio, $mio);
$query = sprintf("SELECT DISTINCT class1 FROM company");
$result = mysql_query($query, $mio);
while ($row = mysql_fetch_assoc($result)) {
echo '<option value="' . $row["class1"] . '">' . $row["class1"] .
'</option>' . "\n";}
?>
</select>
第二项
<select name="myFirstChildSelect" id="myFirstChildSelect<?php echo $i?>"
class="char">
<option value="">请选择</option>
</select>
</div>
<script>
jQuery(document).ready(function(){ $('
#myFirstChildSelect<?php echo $i?>').cascade('
#myParentSelect<?php echo
$i?>', {
ajax: {
type: "GET",
url: 'action.php',
data: { act: 'first', val: $('
#myParentSelect<?php echo $i?>').val() }
},
template: function(item) { return "<option value='" + item.Value + "'>" +
item.Text + "</option>"; },
match: function(selectedValue) { return this.When == selectedValue; }
});
});
</script><?php } ?>
这样果然就OK了喔^^~开心.另外我发现jquery回传的第二层选单资料如果有中文或者部分
英文会显示乱码,这个部分加上 header('Content-Type:text/html;charset=BIG5');
就可以显示罗.因为我的环境还是big5...............
问题算是解决了~超级感谢各路好手的.JQUERY功能还真强...不过不好懂就是了= =...a
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.218.94
1F：→ TonyQ:其实是javascript底子要够 用起来才会比较顺手:p 09/23 14:44
2F：→ TonyQ:javascript是真的不好懂 09/23 14:44
3F：→ chrismaggie:恩~我会好好学习的^^ 09/23 15:00
4F：→ gpmm:讲到这个我就心酸…神人我朋友（在G某兼职）摸了两下 js 09/24 00:41
5F：→ gpmm:，说觉得 js 似乎也没什麽 :~ 09/24 00:42