How to replace jquery variable values with php array values

Question

I am working with php and i want to change value of dropdown using jquery, i want to pass php array into jquery variable(make dynamic dropdown value) Right now i am getting array($data) in following format

Array
(
    [0] => stdClass Object
        (
            [UserId] => 8
            [name] => web1
        )

    [1] => stdClass Object
        (
            [UserId] => 9
            [name] => web2
        )
)

And here is my script which is showing static "dropdown" values,but i want to pass php array (name) values to dropdown so i can make dynamic dropdown

<script>
    var newOptions = {
    "Select your user":"",
    "Option 1":"option-1",
    "Option 2":"option-2"
    };

    var $el = $('#acf-field_628e17fc947e4');
    $el.html(' ');
    $.each(newOptions, function(key, value) {
    $el.append($("<option></option>")
    .attr("value", value).text(key));
    });
</script>

Change only last line : $el.append('<option value="'+value+'">'+value+'</option>') — Vinod Patidar
– Vinod Patidar, Commented May 26, 2022 at 4:32
@VinodPatidar: i want to use PHP array values(name) instead of static values (newOptions) — Amy
– Amy, Commented May 26, 2022 at 4:35

Death-is-the-real-truth · Accepted Answer · 2022-05-26 05:13:38Z

2

var newOptions = <?php echo json_encode($array); ?>;

and then change your append line to this and you are good to go

$el.append('<option value="'+ value.UserId +'">'+ value.name +'</option>');

Working snippet:

var newOptions = [{"UserId":8,"name":"web1"},{"UserId":9,"name":"web2"}];
var $el = $('#acf-field_628e17fc947e4');
$el.html(' ');
$el.append('<option value="">Select your user</option>');
$.each(newOptions, function(key, value) {
    $el.append('<option value="'+ value.UserId +'">'+ value.name +'</option>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="acf-field_628e17fc947e4"></select>

Note: to add select option, add it in array like this:

array_unshift($array , ['UserId'=>'',"name":"name":"web1"]);

And then remove this line : $el.append('<option value="">Select your user</option>');

edited May 26, 2022 at 5:13

answered May 26, 2022 at 4:37

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

Comments

Ersin · Accepted Answer · 2022-05-26 04:40:27Z

0

You have an array to pass from PHP to JS so you can use json_encode like: (The example below is dynamic)

<?php
    $phpArray = array(
        0 => "Mon", 
        1 => "Tue", 
        2 => "Wed", 
        3 => "Thu",
        4 => "Fri", 
        5 => "Sat",
        6 => "Sun",
    )
?>

<script type="text/javascript">

    var jArray = <?php echo json_encode($phpArray); ?>;

    for(var i=0; i<jArray.length; i++){
        alert(jArray[i]);
    }

 </script>

edited May 26, 2022 at 4:40

answered May 26, 2022 at 4:30

Ersin

1243 bronze badges

2 Comments

Amy Over a year ago

i can but how i can show using loop because this can be multiple values in dropdown

Amy Over a year ago

as i mentioned dropdown values are multiple so how i can display multiple dynamic values ?

Collectives™ on Stack Overflow

How to replace jquery variable values with php array values

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related