作者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