如何使用jQuery根据textarea的输入加载表单?

时间:2011-11-14 13:48:55

标签: jquery ajax forms input

所以这就是我所拥有的。 这个下拉框有值,比如A,B,C。

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

这是否可以使用jQuery,如果是这样,我将如何去做呢?我对Javascript没有多少经验,但我学到了很多东西(虽然我记得多少,但我不确定)

干杯!

编辑:谢谢你们!无论如何使用输入而不是下拉框来执行此操作?

3 个答案:

答案 0 :(得分:1)

Samplecode:

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

然后你必须使这个指向的php文件。在脚本中,确定要显示的菜单并回显整个动态下拉列表。然后,内容将由jQuery解析。

答案 1 :(得分:0)

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

对于什么比没有发生,你基本上有两个选择。表单已经在开始时发送给用户,在您的下拉列表更改事件中,您只需使用.show()函数来显示所选表单 - 或者您可以使用.load()或.ajax()之类的函数从服务器动态加载表单。第一个选择会更快,但会在页面加载时向用户发送更多数据。如果你有少量的小表格,我会选择第一个,如果你有很多表格或大表格,我会选择第二个。

答案 2 :(得分:0)

您可以将url置于特定下拉选项的值中,然后使用jquery.load或$ .ajax加载它。如果你只是想加载html,jquery load就足够了(这是$ .ajax get的快捷方式)

以下是您可以从中开始的示例:http://jsfiddle.net/Sskfe/2/