2011-11-14 12 views
2

所以这就是我的。 有这个下拉框,值,可以说A,B,C。如何根据jQuery的textarea输入加载表单?

现在,当选择A时,我想加载它下面的表单A.同样,当选择B和C时,我想在我的下拉框下方加载它们各自的表单?

这是可能的jQuery,如果是这样,我会怎么做呢?我没有太多的Javascript经验,但我学到了很多东西(虽然我记得多少,我不确定)

干杯!

编辑:谢谢你们!无论如何用输入而不是下拉框来做到这一点?

+0

你加载从阿贾克斯形式?如果是这样,你有服务器端的地址,每个表单可以从哪里加载? –

+0

与输入完全相同,但如果用户输入一个不存在表单的术语会发生什么? – Flo

+0

嗯,公平点,我只想输入,因为我有自动完成工作(从jQuery UI) – chintanparikh

回答

1

Samplecode:

$('#youdropdownboxIdGoeshere').change(function() { 
    $.ajax ({ 
     url: "yourfile.php?show="+$(this).val(), 
     cache: false, 
     success: function(html) { 
      $('#divForResulthere').html(html); 
     } 
    }): 
}); 

然后,你必须使PHP文件它指向。在脚本中,决定显示哪个菜单并回显整个动态下拉菜单。内容将被jQuery解析。

0

您可以使用下拉列表中的.change()事件。

对于发生的情况,你基本上有两种选择。表单在开始时已经发送给用户,并且在下拉更改事件中,您只需使用.show()函数显示选定的表单,或者可以使用类似.load()或.ajax()从服务器动态加载表单。首先,选择速度会更快,但更多数据将在页面加载时发送给用户。如果您有少量小型表格,我会选择第一个,如果您有很多表格或大型表格,我会选择第二个。

0

您可以将url设置为特定下拉选项的值,然后使用jquery.load或$ .ajax加载它。如果你只是想加载HTML,jQuery的负荷将够你(这是阿贾克斯$得到一个快捷方式)

这是样品,从中可以启动:http://jsfiddle.net/Sskfe/2/

相关问题