Re: [問題]php網頁有辦法做到這種動態顯示嗎

看板Ajax作者asuka05 (人生以快樂為最終目標)時間16年前 (2009/03/27 09:42)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串2/2 (看更多)

※ 引述《danielkimo (Daniel)》之銘言： : (a)新增使用者 : (b)修改使用者 : (c)新增帳戶 : (d)修改帳戶 : ---------------------------------------- : 內容顯示區 : ---------------------------------------- : 請問選項區若是用<input name="opinion" type="radio" />這種表單元件， : 當使用者點選不同選項，若在同一頁的內容顯示區要顯示不同的內容，最近我寫一個表單，剛好有動態切換選項內容的功能，以下的作法提供一個參考(心想應該有更好的作法) 我的觸發元件不是 radio 而是 select option 不過應當同理，都可以透過 onChange="change_event(this.value)" 來觸發 js 的函式接著在 js 片段寫 function change_event(type) { if (type ==1) { $("div.t1").css({ display:"none"}); $("div.t2").css({ display:"none"}); $("div.t3").css({ display:"block"}); } else if (type ==2) { $("div.t1").css({ display:"none"}); $("div.t2").css({ display:"block"}); $("div.t3").css({ display:"none"}); } else { $("div.t1").css({ display:"block"}); $("div.t2").css({ display:"none"}); $("div.t3").css({ display:"none"}); } } ps. 上頭用到 jQuery物件語法，如果要自行操作DOM/CSS也是可以因此，在不同呈現區塊的 html片段大概是長這樣，div裡頭包不同的內容 <div class="t1" >類別一</div>  <div class="t2" style='display:none'>類別二</div> <div class="t3" style="display:none">類別三</div> 綁定對象上我用class而不用id的原因，是呈現的區塊有好幾個，如果用id會比較死。題外：不同區塊內容，之後送值到後端時需要留意接值的細節如先判斷類別再接對應的 name value，避免收到null導致錯誤 -- 　　　╭╯ 　　　╭╬╮　 ╭╮╭╗ 　　╚╯╰。　　　　﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍　　　　　　　╰╬╯。　　╭╭╗　　▉▏▍天下武功，無堅不破，唯快不破。 ▏▊▊▌　　╔╮╰╯ 　　╰╬╯。　　　﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊　　　　　╰╬╯。　　╰╯ 。╯ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.119.210.191