2011-10-11 68 views
2

這裏的想法是,有人點擊一個選項,我不得不向用戶展示一些東西。您如何建議我根據選擇的選項顯示不同的表單?

如果他選擇第一個選項「存款」,我必須給他看一張表格。

如果他選擇第二個選項,我必須顯示我的支付網關給我的iFrame。

enter image description here

我不想重新加載整個頁面。此更改必須在內聯中發生,不得中斷。

我是否使用jQuery和AJAX獲取各自的HTML並用jQuery提供的.html()函數替換當前的html?

或者我輸出這兩種形式,並使用CSS來顯示一個或另一個?

你有什麼專業人士建議?

回答

2

這取決於你想要什麼,以優化:

  • 初始頁面加載速度(→使用AJAX來加載所需的HTML),或者用戶後
  • 響應速度選擇付款方式(→秀/用CSS隱藏)
+1

還有第三種選擇。您可以在加載頁面後在後臺加載HTML,然後使用CSS顯示/隱藏它們,從而將兩者結合起來。 – spike

-1

最簡單的就是用jQuery。 也許是這樣的。 比方說,你2個選項框的ID是radiobox1radiobox2

$(document).ready(function(){//The DOM 
$("#radiobox1").change(function(){ 
    var $this = $(this); 
    if($this.is(':checked')) 
    { 
     //The code for displaying your form 
    } 
}); 
}); 

編輯,因爲一個誤會。

最簡單的方法(我認爲)是在HTML中編寫表單,然後用CSS隱藏它們,然後使用jQuery或使用jQuery來顯示它們,或者用$.ajax - 用ajax模式加載表單。

+0

您不回答OP詢問的問題。 –

相關問題