0

我试图找出一种方法来加载 1 个单个选项卡（jQuery 的选项卡）而不重新加载所有其他选项卡。问题是我有一个提交按钮和一个将创建一个新表单的下拉菜单，当在这个新表单上单击“确定”或“取消”时，它必须取回原始表单。

加载我找到的部分页面的代码是这样的：

$("#tab-X").load("manageTab.php #tab-X");

但现在我想知道如何将它与 $_POST 变量和提交按钮结合使用

澄清：

  • 我有一个 .php(manageTab.php) 包含几个选项卡及其内容
  • 我在每个选项卡中都有一个包含数据库存储信息的下拉列表（这些下拉列表的代码存储在其他页面中）
  • 对于这些下拉列表中的每一个，都有一个提交按钮，用于根据选择从数据库中获取附加信息，并将这些信息放入新表单中进行编辑
  • 理想情况下，这个新表单可以在不重新加载除拥有选项卡之外的所有内容的情况下提交。

问候

4

3 回答 3

0 
<script>
$(document).ready(function() {
$("#form1").submit(function(){
event.preventDefault();
$.post('data.php',{data : 'dummy text'},function(result){
$("#tab-X").html(result);
});
});

});
</script>



 <form id="form1">
<input id="btn" type="submit">
</form>
于 2013-07-31T09:21:01.267 回答
0

我不完全理解你的问题，但根据我的理解，你不能用表单提交加载一个标签。它通常会加载整个页面。

您可以做的是，使用 ajax 表单提交并根据给定的示例代码加载 html 内容。

 $.ajax({
    url: url, // action url
    type:'POST', // method
    data: {data:data},  // data you need to post
    success: function(data) {
        $("#tab_content_area").html(data);  // load the response data
    }
});

您可以从 php 函数传递 html 内容（只需要回显内容）。

于 2013-07-31T09:21:49.000 回答
0

AJAX 是您正在寻找的。

使用 PHP 的 jQuery Ajax POST 示例

还可以在 google 上找到更多关于 ajax 的示例。

示例：让我假设您有一个select menu要加载到选项卡中。

您需要使用 jquery 向您的 .php 文件发送请求，并且您的 php 文件应该是echo您的select menu.

在你的 jQuery 中，

<script>
    $.post(url, { variable1:variable1, variable2:variable2 }, function(data){
            $("#tab-X").html(data);
        //data is whatever php file returned.           
        });
    });

    $("#form_id").submit(function(){
          return false;
    });
  </script>

我的意思是无论您的选择是什么，您都需要在 .php 文件中执行以下操作，

html在您的 PHP 脚本中回显该代码。

echo "<select name='".$selector."'>
     <option value='".$option1."'>Option1</option>
     <option value='".$option2."'>Option2</option>
     <option value='".$option3."'>Option3</option>
     </select>";

这将返回给 jQuery，然后您可以将其附加到任何您想要的位置。

于 2013-07-31T09:26:44.420 回答