[AJAX] jQuery的多重下拉式選單應用：Select box manipulation

你好，我嘗試在form ('post')下使用你的教學，但是無法產生第二層、第三層的選單。但把select 移出form 外就正常。請問我要怎樣改寫？

你好，存檔無法下載，請版主解決一下＠＠

你好，有幸看到大哥寫的php，小弟目前使用大哥的，不過很奇怪的是，三層都搜的到，但第二層之後的資料都是顯示null..因我自己也不知道原因在哪，還請大哥解答

範例我下載了測試，我只修改連接資料庫的參數，其他幾乎未動到(index.php及action.php) 只有第一層選單有值出現，第二、三都無反應，不知是否還需要調整哪裡，麻煩指點，感恩我的環境 CentOS 5.5 php 5.16

請問各位大大,有沒四層,五層的資料庫範例? 一直試不出來

我也是出現相同狀況只有第一層選單有值出現，第二、三都無反應，不知是否還需要調整哪裡，麻煩指點，感恩

不好意思,範例原始檔好像無法下載,不知道能否修正一下

你好，我的問題是到目前為止都成功可以下拉出來如果我要把下拉選出來的值存入資料庫的話不知道有沒有方法可以實現? 因為據我所知選單的值是從資料庫抓的沒辦法用一般的方法把值存入資料庫

請問如果我是動態產生多重下拉選項，當產生一個多重下拉選項以上時，可以用什麼方法讓他維持用作呢？謝謝

版主: 我的問題是我點選了select1:第三項當我重新點選select1:第三項 select2卻無法被重新以資料庫內容重新顯示

大大愛死你了=ˇ=b~

請問大大可以重發此貼嗎?

不好意思，範例檔不能下載了，可以幫忙看一下嗎

急!!!!! 請問如果把id資料型態改成varchar 因為階層多需要用到英文字編id 所以ation.php裡的 if (0 !== (int) $_GET['id'] && 0 !== (int) $_GET['lv']) { $parentId = (int) $_GET['id']; $levelNum = (int) $_GET['lv']; 兩個$_GET['id'];前面(int) int要改成什麼 varchar、var、char都試過了

請問如果要多增加一層階層應該要怎麼做才行？

到目前為止，每層選單都能夠成功從資料庫選取那麼請問要如何再將所選到的一次存進資料庫

不好意思,範例原始檔好像無法下載,不知道能否修正一下^^

您好，我寫好可以用了可是我如果從資料中使用 .getJSON抓資料時不會把值帶入這個要怎麼處理？我的程式如此寫 var defaultvalue = false; if(0 < $("#csf").val().length) { var fullIdPath = $("#csf").val(); defaultvalue = true; } if(defaultvalue) { $("#csf").selectOptions($fullIdPath[0]); } $("#csf").change(function() { $("#name").removeOption(/.?/).ajaxAddOption("getbudgetcsfchild.php", {csfid: $(this).val()}, false, function() { if(defaultvalue) { $(this).selectOptions(fullIdPath[1]).trigger('change'); } else { $(this).selectOptions().trigger('change'); } } ); }).trigger("change");

你好請問一下如果我有四千多筆資料該如何建立parentid and levelNum呢?? 謝謝~~~

我加到第四層測試選單多次都正常不會當掉但是第五層IE會死當是IE的問題?

版主你好, 我是新手不太了解怎麼抓巢狀語法,可不可以提供四層的語法,不管怎樣試都不成功,麻煩你的幫忙,感謝!!

你好，我想詢問一下。在select3顯示，我改成在input中去，這邊都沒啥問題。但因我的頁面中需要兩組以上做select，但只有第一組的select能夠正常動作，第二組就只有第一層能動作，第二層就卡住了，這有什麼方式能處理嘛？感謝。

版主你好我用你的範例修改了一下我只需要2層就可以了要做店家搜尋的功能第一層為縣市第二層為區域但我想要在選完之後把區域回傳到index.php 之後用區域的代碼到資料庫抓資料顯示那個區域有的店家在下方前面的部分,也就是選了縣市.區域然後跳出選擇的選項已經可以用了後面回傳的部分就有障礙了我在index.php可以顯示表格但是是要從程式碼改所以想問一下要怎麼把選擇完後區域的代碼回傳給index.php

版主好: 感謝版主，我參考您的code成功改成四階層了，但我的應用是有時候要四層有時後要三層。請問要在哪裡寫判斷是否有下一層呢？

謝謝版主的意見，但不好意思，還是不太懂版主的意思意思是說在index.php那裡多加一個隱藏欄位嗎？然後在資料庫多加一個欄位判斷是否有到最後一層？決定要觸發哪一個$('#selectX').change...嗎像是這樣嗎 if(有第四層) { ('#select4').change.. }else {('#select3').change..}

謝謝版主的建議：使用您建議的方式嘗試了一下...但不知道是哪裡邏輯有問題，我想將isFourth變數改掉寫進隱藏欄位卻始終失敗我寫的方式大概橡這樣，在52-55行寫一個判斷第四層取出的$(this).val()是否為空值，若為空則將id為isFourth的input欄位寫入false https://gist.github.com/anonymous/6434447 然後在顯示的select_index.php這邊來判斷要在#select3改變時觸發顯示還是#select4觸發 https://gist.github.com/anonymous/6434442 但這樣寫選到只有三層的資料時卻還是沒有任何動靜，isFourth的input欄位還是沒改變

版主您好： 1.請問$.post的第一個參數是url，請問您寫的/is_Fourth是什麼樣的寫法呀？（只有看過xxx.php這種寫法） 2.您的作法我大概理解了，但是要在哪裡宣告json的資料，在哪裡改變isFourth的值呢？這樣還需要隱藏欄位的資料嗎？宣告isFourth資料的樣子是這樣嗎？ $.ajax({ type: "POST", url: url, data: isFourth, dataType: json }); p.s.如果還是有隱藏欄位那資料應該是從隱藏欄位那裡抓過來判斷是否觸發第四層如果沒觸發在修改...但是在哪裡修改？如果不用隱藏欄位那isFourth資料該從哪裡來...邏輯好難理解

版主您好：我嘗試用您的寫法，已經可以判斷了（會判斷是否有第四層，有就顯示），但顯示select4後卻沒有顯示資料！後來我就改用自己的寫法，意思應該一樣只是改用＄.ajax http://jsfiddle.net/LHwuN/ is_Fourth.php檔案 http://jsfiddle.net/LXh9s/ 但結果也是一樣，第四層select都沒顯示資料資料來源應該是action.php 前三層都正常顯示的情況下第四層應該不會錯才是，還是說因為他包在ajax裡面無法觸發到？

版主你好：小弟嘗試將你的範例改成，第一層是固定的，值是資料表欄位(例如作者,主題,日期)。我只需要兩層就好，因為對 AJAX 不熟，所以不知道該怎麼下手，第二層一直出不來，所以想請版主給點建議，多謝。。。

版主安阿：我有用 $.ajax 試過，也有成功，只是當第二層送出資料的時候，兩層選單都會回到一開始的狀態，不會停在選的那個值，不知道要怎麼處理。。。(這樣懂我的意思嗎??)

版主你好：我想問一下能在第三層時，能自定那個option的value？例如： USA 因爲我是拿來計算的. 謝謝

版主您好：我是跟您的方法做,我想問的是如何能在第二層或者第三層的時候,如何從數據庫那裡拿到數值,然後放進option的value? 您的方法只是在放選單顯示的部分,而value就沒有講怎麼設定因為那個 ajaxaddOption 好像不讓自訂option的value,因為我要用option 的 value 來計算謝謝版主

版主你好：目前我正在嘗試寫一個無限層的下拉選單(選完一個後再展出另一個)，關於這部份已經實作成功在Chrome測都正常，但一開IE測時，大約前四個select都沒有問題，直到選完第四個要展出第五個的時候，會發生滑鼠沒有辦法再選擇下去的狀況(選單很快的閃爍一下又收回去)，資料的部份是確定有AJAX撈到，但IE就是發生問題，有什麼可能原因嗎？

我看到某樓的樓友和我問題一樣，IE到第五層就選不出來，看過F12除錯也都沒有訊息產生一切正常，該如何是好...

不知道有沒有人發現到，這個下拉js會重複跑多次查詢... 不知道這算bug還是程式本身的邏輯就是醬呢？

版主您好～我嘗試用了你的範例修改了一下～可以正常使用～從資料庫撈資料～但是在第三層選完之後～送出表單～卻接收不到值～不知道是哪裡出錯～

可以了～真的感謝大大～看來我還要多多努力學習～～再次多謝大大～～～

版主～有個問題？就是表單送出之後～如何將選值固定？我有試過～再撈一次～但是好像不行！！

就是表單送出之後～選單都會回到第一個選項～不會固定在選擇的項目～

Thanks, I have just been searching for info about this subject for ages and yours is the best I have came upon till now. However, what concerning the bottom line? Are you certain in regards to the source?

版主你好這次是我第一次做這種連動的三層式選單我還沒有去修改任何內容只是複製和下載你提供的所有資料預覽效果測試功能時卻失效了只有第一層選單可以選其他兩層都沒有顯示資料操作不到我核對了多次還是不知道問題在哪

版主大大謝謝回覆用firebug也沒有顯示問題我進入你的範例：線上程式預覽一切正常我還嘗試將你的範例另存網頁下來再點開測試也變成失效了

版主大大那我該怎麼做呢才能做到你那樣的效果？我試了各種方法都做不到

版大您好，請問在index.js中，removeOption(/.?/)裡面的/.?/是甚麼意思呢..@@？先謝謝您了!

請問我不管是下載您的資料還是線上看都只能選第一層的選項....

版主你好我下載了你的壓縮檔也匯入資料庫但是就是無法正常執行只有第一個下拉是選單可以執行而已我是不是有甚麼東西遺漏掉了請版主題點

版主你好請問要如何讓下拉選項能輸入文字去收尋呢? 我試了一些網路上的方法好像都會跟這個版本相牴觸

版主, 目前不能下載範例請問可以再開放下載嗎??

版主你好我參考了你的範例去寫了自己的下拉式選單可是最後再改index.js檔最後的alert那邊改完之後顯示出來的卻是沒改過的樣子請問是什麼原因呢？？

我只有改這樣可是秀出來還是原先的主機類型遊戲甚至我整段刪掉還是秀出主機類型遊戲 $('#select3').change(function () { alert('水果' + $('#select1 option:selected').text() + '／縣市：' + $('#select2 option:selected').text() + '／鄉鎮：' + $('#select3 option:selected').text()); });