Get a user input instead of hardcoding an input into array

Question

I am trying to get the user input into a Wordpress query array. I can get the input with my jquery code but i want to add it to the 'meta_value' => '123456', in the php array. How can i change the'meta_value' => '123456', from '123456' to the var x from the jquery script?

If this is not possible can someone suggest another way to get the 'meta_value' => '123456', from an input field?

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#bt").click(function(){
            var x = jQuery("#txt_name").val();
            alert(x);
        });
    });

</script>

<input type="text" id="txt_name"  />
<input type="button" id="bt"  value="click here" />




<?php

 $args = array(
        'meta_key' => 'cardnum',
        'meta_value' => '123456',
        'meta_compare' => '='
    );

$user_query = new WP_User_Query( $args );

// User Loop
if ( ! empty( $user_query->results ) ) {
    foreach ( $user_query->results as $user ) {
        echo '<p>' . $user->cardnum ." ". $user->nickname . '</p>';
    }
} else {
    echo 'Not available number.';
}
?>

You need to send that data to server using ajax or in a form. Php doesn't run in the browser. There are lots and lots of tutorials on the web about using ajax as well as ajax with wordpress — charlietfl
– charlietfl, Commented Dec 18, 2016 at 1:24

Rounin · Accepted Answer · 2016-12-18 01:49:50Z

1

You don't need to use a form or Ajax - you can use the URL query string instead.

When the jquery function fires, reload the page URL, but this time including a query string which contains the variable.

Then you can extract the variable via PHP.

(This is the fastest and simplest way to enable server-side processing of a variable which originated client-side.)

HTML:

<input type="text" id="txt_name"  />
<input type="button" id="bt"  value="click here" />

jQuery:

$(document).ready(function(){
    $("#bt").click(function(){
        var x = $("#txt_name").val();
        window.location.href += '?x=' + x;
    });
});

PHP:

<?php
parse_str($_SERVER["QUERY_STRING"]);
echo '<p>The value of <strong>x</strong> is... '.$x.'</p>'; 
?>

edited Dec 18, 2016 at 1:49

answered Dec 18, 2016 at 1:32

Rounin

29.9k13 gold badges102 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

charlietfl Over a year ago

this is describing GET ... so answer is conflicting and also not very complete

Collectives™ on Stack Overflow

Get a user input instead of hardcoding an input into array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related