作者chrismaggie (中仔)
看板Ajax
标题Re: [问题] 请问jquery的cascade选单应用
时间Tue Sep 23 12:34:44 2008
感谢各位帮忙.昨晚终於把动态选单弄好,不过今天早上发现一个问题
就是我用回圈产生两组重复的下拉选单时,只有第一组选单能正常运作
第二组一样是没反应...本来就想说利用jquery看能不能解决这个问题的..
测试页面:
http://www.fashion.ntut.edu.tw/mio/photos/test.php
test.php程式码如下
<body>
<p><?php for( $i=1; $i<=2; $i++){ ?>第一项
<select name="myParentSelect" id="myParentSelect" class="char">
<option value="">请选择</option>
<?php
// 资料库设定
$host_sql = "localhost";
$username_sql = "root";
$password_sql = "tourist";
$link = mysql_connect($host_sql, $username_sql, $password_sql) or die("无
法连结资料库");
mysql_select_db('mio', $link);
$query = "SELECT DISTINCT class1 FROM company";
$result = mysql_query($query, $link);
while ($row = mysql_fetch_assoc($result)) {
echo '<option value="' . $row["class1"] . '">' . $row["class1"] .
'</option>' . "\n";
}
?>
</select>
第二项
<select name="myFirstChildSelect" id="myFirstChildSelect" class="char">
<option value="">请选择</option>
</select>
</div>
<script>
jQuery(document).ready(function(){
$('
#myFirstChildSelect').cascade('
#myParentSelect', {
ajax: {
type: "post",
url: 'action.php',
data: { act: 'first', val: $('
#myParentSelect').val() }
},
template: function(item) { return "<option value='" + item.Value + "'>" +
item.Text + "</option>"; },
match: function(selectedValue) { return this.When == selectedValue; }
});
});
</script>
<?php } ?>
</body>
请问这是哪边出了问题呢?还是说这个本来就不支援?因为我的网页系统是需要插入
多笔纪录的,因此表单栏位都会用回圈跑.会产生重复的表单元素.
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.218.94
※ 编辑: chrismaggie 来自: 220.132.218.94 (09/23 12:42)