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