2011-10-11 76 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询问的问题。 –

相关问题