使用JQuery刷新HTML表单(位于PHP页面上)

法法内鲁

我想更新一个表单,更确切地说,我希望显示一个额外的滚动菜单,具体取决于用户在第一个滚动菜单中的选择。

我有一个页面,mypage.php页面上有一个表单。这里是 :

<form method="post" action="wedontcare.php" enctype="multipart/form-data">

     <label for="base">3 - Select a DB </label><br />

<?php
include 'functions.php';
offers_choice_DB();
if (isset($_POST['base_name_choice'])){
    offers_choice_table($_POST['base_name_choice']);
}

我有一个单独的文件“ functions.php”,在其中声明了我在此处使用的所有功能。offer_choice_DB()显示一个滚动菜单,我可以在其中选择一个数据库(实际上,此函数执行MySQL查询并在滚动菜单中回显结果)。如果用户选择数据库,则$ _POST ['base_name_choice']存在。确实如此,因为当我仅使用PHP / HTML时,一切都很好。

我的目的是允许用户选择一个数据库,然后为该数据库显示第二个滚动菜单,该菜单显示该数据库中的一些表。仅当设置了POST值时,才会显示此滚动菜单。offer_choice_table($ _ POST ['base_name_choice'])函数将此值用作参数,然后回显包含表的滚动菜单的HTML。我们来了 !

哦,提交按钮在这里并不重要,因为我想在用户单击提交按钮之前显示第二个滚动菜单,所以我们只是忽略目标页面,好吗?

以前,一切都还好:我使用了测试,条件(isset ...),但它不是动态的,我不得不调用其他页面,等等。现在,正如您所猜到的那样,现在我希望在用户选择数据库后立即使用jQuery刷新mypage.php,以便出现一个额外的菜单。

我开始听滚动菜单中的更改,但是随后我不知道如何使用包含所选数据库的POST参数刷新页面。无论如何,这是我的代码:

<script type="text/javascript">
            $( '#base_name_choice' ).change(function() {
                var val = $(this).val(); //here I retrieve the DB name
                alert( val ); //I notify myself to check the value : it works

                $.ajax({
                    type: 'POST', //I could have chosen $.post...
                    data: 'base_name_choice='+val, //I try to set the value properly
                    datatype: 'html', //we handle HTML, isn't it ?
                    success: function(){ 
                        alert( "call ok" ); //displays if the call is made

                    //and here...???? I don't know whatto do

                    }
                })

            });
        </script>

在这里...任何帮助将不胜感激!谢谢 :)

问候

巴德·罗哈伊(Bardh Lohaj)

这里的问题是您的页面首先呈现(html + php预处理)。这意味着一旦页面被渲染,您将无法进行直接的php方法调用,例如offers_choice_table或更改$_POST参数。

通常,通过从JavaScript到PHP脚本/方法进行AJAX调用,然后根据用户选择的参数生成第二个菜单。

因此,您不需要这部分:

if (isset($_POST['base_name_choice'])){
    offers_choice_table($_POST['base_name_choice']);
}

因为您将通过ajax调用来调用“ offers_choice_table”方法。

您将ajax调用到一个网址,该网址将返回第二个菜单

$.ajax({
  type: "GET",
  url: "generate_second_menu.php",
  data: { base_name_choice: val},
  success: function(data){ 
       alert( "call ok" ); //displays if the call is made
       // here you can append the data that is returned from your php script which generates the second menu
       $('form').append(data);

  }
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JQuery刷新HTML表单(位于PHP页面上)

来自分类Dev

表单提交刷新页面上的jQuery

来自分类Dev

使用localstorage保持页面上的html刷新不起作用

来自分类Dev

在HTML页面上使用JQuery分页

来自分类Dev

使用php验证html页面上的字段

来自分类Dev

使用PHP在页面上提交表单后如何返回消息?

来自分类Dev

刷新后HTML显示在页面上

来自分类Dev

根据同一页面上的另一种形式刷新mysql的下拉输入字段,该表单使用PHP向mysql添加新项

来自分类Dev

提交表单并发现错误后,页面刷新仍位于顶部,但我的表单位于底部

来自分类Dev

我需要帮助才能在php页面上获取表单,以在提交时强制刷新页面

来自分类Dev

用PHP提交表单后,如何在新页面上显示使用HTML文件控件上传的图像?

来自分类Dev

同一页面上的表单发布无需刷新

来自分类Dev

Laravel HTML表单在多个页面上

来自分类Dev

在Wordpress页面上执行PHP表单

来自分类Dev

php 表单未发布在页面上

来自分类Dev

使用jQuery在页面上提交一种与其他表单共享元素名称的表单

来自分类Dev

如何使用JavaScript / JQuery在页面上显示html框?

来自分类Dev

使用jQuery在HTML页面上获取选定的文本

来自分类Dev

如何使用jQuery向django服务器发出请求以刷新页面上的信息

来自分类Dev

使用jquery在php的不同页面上打印数据

来自分类Dev

提交无需页面刷新php的ajax表单

来自分类Dev

使用AJAX在PHP / HTML页面上进行搜索的功能

来自分类Dev

如何使用PHP在模板的某些页面上放置特定的HTML?

来自分类Dev

WebContentNotFound位于以CDN部署为Azure Blob静态网站的SPA的刷新页面上

来自分类Dev

jQuery验证具有多个表单的页面上的特定表单

来自分类Dev

jQuery:清除Html.TextBox上的表单输入,然后刷新页面

来自分类Dev

jQuery无法刷新页面上的数据?

来自分类Dev

在Laravel中刷新页面上的jQuery中的cookie

来自分类Dev

使用jQuery在一个页面上获取多个表单元素的val

Related 相关文章

  1. 1

    使用JQuery刷新HTML表单(位于PHP页面上)

  2. 2

    表单提交刷新页面上的jQuery

  3. 3

    使用localstorage保持页面上的html刷新不起作用

  4. 4

    在HTML页面上使用JQuery分页

  5. 5

    使用php验证html页面上的字段

  6. 6

    使用PHP在页面上提交表单后如何返回消息?

  7. 7

    刷新后HTML显示在页面上

  8. 8

    根据同一页面上的另一种形式刷新mysql的下拉输入字段,该表单使用PHP向mysql添加新项

  9. 9

    提交表单并发现错误后,页面刷新仍位于顶部,但我的表单位于底部

  10. 10

    我需要帮助才能在php页面上获取表单,以在提交时强制刷新页面

  11. 11

    用PHP提交表单后,如何在新页面上显示使用HTML文件控件上传的图像?

  12. 12

    同一页面上的表单发布无需刷新

  13. 13

    Laravel HTML表单在多个页面上

  14. 14

    在Wordpress页面上执行PHP表单

  15. 15

    php 表单未发布在页面上

  16. 16

    使用jQuery在页面上提交一种与其他表单共享元素名称的表单

  17. 17

    如何使用JavaScript / JQuery在页面上显示html框?

  18. 18

    使用jQuery在HTML页面上获取选定的文本

  19. 19

    如何使用jQuery向django服务器发出请求以刷新页面上的信息

  20. 20

    使用jquery在php的不同页面上打印数据

  21. 21

    提交无需页面刷新php的ajax表单

  22. 22

    使用AJAX在PHP / HTML页面上进行搜索的功能

  23. 23

    如何使用PHP在模板的某些页面上放置特定的HTML?

  24. 24

    WebContentNotFound位于以CDN部署为Azure Blob静态网站的SPA的刷新页面上

  25. 25

    jQuery验证具有多个表单的页面上的特定表单

  26. 26

    jQuery:清除Html.TextBox上的表单输入,然后刷新页面

  27. 27

    jQuery无法刷新页面上的数据?

  28. 28

    在Laravel中刷新页面上的jQuery中的cookie

  29. 29

    使用jQuery在一个页面上获取多个表单元素的val

热门标签

归档