Re: [問題] 請問jquery的cascade選單應用

看板Ajax作者chrismaggie (中仔)時間17年前 (2008/09/23 13:29)推噓0(0推 0噓 5→)

留言5則, 3人參與討論串7/7 (看更多)

※ 引述《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