你如何建议我根据选择的选项显示不同的表格?

时间:2011-10-11 15:42:50

标签: javascript jquery html css forms

这是一个想法,有人点击了一个选项,我必须向用户显示一些内容。

如果他选择第一个选项“存款”,我必须向他出示一份表格。

如果他选择第二个选项,我必须显示我的支付网关给我的iFrame。

enter image description here

我不想重新加载整个页面。此更改必须内联,不会中断。

我是否使用jQuery和AJAX来获取相应的HTML并用jQuery提供的.html()函数替换当前的html?

或者我输出两种形式,并使用CSS显示其中一种?

你的专业人士建议什么?

2 个答案:

答案 0 :(得分:2)

这取决于您要优化的内容:

  • 初始页面加载速度(→使用ajax加载所需的HTML)或
  • 用户选择付款方式后的响应能力(→使用CSS显示/隐藏)

答案 1 :(得分:-1)

最简单的方法是使用jQuery。 也许这样的事情。 假设您的2个radioboxes的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或者用$.ajax使它们可见 - 用ajax加载表单-mode。