Re: [請益] 請教各位高手關於兩階層下拉選單疑問

看板PHP作者 (剛到了~~)時間13年前 (2012/06/22 00:11), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串6/7 (看更多)
這樣的做法我稍微的了解運作方式了, 先感謝各位高手的指點。 但如果是同一個<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
文章代碼(AID): #1FuqUojb (PHP)
討論串 (同標題文章)
文章代碼(AID): #1FuqUojb (PHP)