作者rjackie (剛到了~~)
看板PHP
標題Re: [請益] 請教各位高手關於兩階層下拉選單疑問
時間Fri Jun 22 00:11:28 2012
這樣的做法我稍微的了解運作方式了，
先感謝各位高手的指點。
但如果是同一個<form>中是否可做到
文字搜尋以及這樣的兩階層式下拉選單並存呢?
是否是利用先判斷文字欄位是否為空後再判斷
下拉選單是否有值這樣的方式?
因為同一個<from>只會有一刻按鈕或是文字超連結
可以送出資料不是嗎?
※ 引述《tkdmaf (皮皮快跑)》之銘言：
: 我的做法就比較省一點大量資料的工了。
: 也就是將要顯示的資料預先用json格式來放，到使用時再解回select。
: <!DOCTYPE HTML>
: <html>
: <head>
: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
: <title></title>
: <script src="jquery.js"></script>
: <script>
: var mydata = {
: "1":["a1","a2","a3"],
: "2":["b1","b2","b3","b4"],
: "3":["c1","c2","c3","c4","c5"]
: }
: $(function(){
: do_select();
: $('#sel1').change(do_select);
: })
: function do_select(){
: $('#sel2').html('');
: sel1_value = $('#sel1 option:selected').val();
: sel2_op = mydata[sel1_value];
: for(var key in sel2_op){
: value = sel2_op[key]
: $('#sel2').append('<option value="'+value+'">'+value+'</option>')
: }
: }
: </script>
: </head>
: <body>
: <select id="sel1">
: <option value="1" selected>1</option>
: <option value="2">2</option>
: <option value="3">3</option>
: </select>
: <select id="sel2">
: </select>
: </body>
: </html>
: 若是select2的value和顯示的內容有所不同。
: 就稍微修正一下json的資料格式和解陣列的方式就好了。
: 範例顯示在這裡：
: http://pipirun.gotdns.com/test/double_select
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.198.83