如何从jquery检索变量到php

时间:2016-05-30 12:48:14

标签: javascript php jquery wordpress

在我的php文件中,我拨打了jquery的链接。该链接包含带有输入文本的选择列表。

$(document).ready(function() {

    $(add_button).click(function(e){ //on add input button click
        var linkUsers='<div id="selectUsers"><select name="selectUsers" ><option value="">Select a ...</option><option value="LASTNAME">LASTNAME</option><option value="FIRSTNAME">FIRSTNAME</option><option value="ZIPCODE">ZIPCODE</option><option value="EMAIL">EMAIL</option><option value="STATUS">STATUS</option><option value="LICENSE">LICENSE</option><option value="OTHER">OTHER</option></select><br><br> </div><div><input type="text" id="mytext" name="mytext"> <br><br>';

        $(wrapper).append(linkUsers);

我想检索selectUsermytext的值,并将它们放在数据库或php变量中。

我试图看看我是否可以使用jquery获得正确的结果,因此我使用了警告并显示正确的值。

`//when the user choose an option in the select list 
$('#selectUsers select').change(function(){
        tableselect = $(this).val() ;
        alert(tableselect[$i]);`

我想要做的是检索此值并将其放入数据库并检索用户编写的输入文本(我不知道如何做到这一点?如何检测用户是否已填充空白? )

另一个问题是我调用jquery链接的次数与用户想要的一样多,因此将selectUsermytext的值放在数组变量中会很有用但是我不知道怎么做!

如果有人可以帮助我,我将不胜感激。非常感谢!

2 个答案:

答案 0 :(得分:0)

Note : wrapper not specified as class or id ,replace according to that.i am assuming as id

你可以选择选择框的值并像这样输入。     对于选择:     注意:在选择框中添加id,现在我添加了“selectUsers”

$("#wrapper").on("change","#selectUsers",function(){
     alert($(this).val());
    });

For input : 



 $("#wrapper").on("keyup","#mytext",function(){
     alert($(this).val());
    });

then you can send this response by ajax to php file ands store into db.
you can change event according to need.
Hope this will help you.

答案 1 :(得分:0)

这是jQuery ajax代码

<script type="text/javascript">
jQuery(document).ready(function(){

    jQuery('#selectUsers select').change(function(){
        tableselect = jQuery(this).val() ;
            var data_pro = {
                    action: 'update_record',
                    tableselect: tableselect
                    };

                    jQuery.ajax({
                                type: "POST",
                                dataType : 'html',
                                url: ajaxurl,
                                data: data_pro,
                                  success: function(data){

                                    }
                            });

    });
    });
</script>

这是php函数把它放在你的functions.php文件中

add_action('wp_ajax_update_record', 'update_record');
add_action('wp_ajax_nopriv_update_record', 'update_record');

         function local_pickup_shipping_options(){
         print_r($_POST['tableselect']);
             }

希望这能解决您的问题