How to use php array values in .js file?

Question

I want to use input type hidden value which is array to .js file for select2 checkbox.

Php form

 <input type="hidden" name="post_array" id="post_array" value="<?php print_r($post_ids); ?>">

Output:

Array
(
    [0] => 25171
    [1] => 25163
)

Value I am trying to fetch in jquery with separate .js file

var test = $('#post_array').val();
alert(test);

Output is same as php output:

Array
(
    [0] => 25171
    [1] => 25163
)

I want to use array values here.

$("#slider_post").val(["25171"]).trigger('change.select2');

How can i replace .val(["25171"]) with php array values?

Script47 · Accepted Answer · 2019-03-13 10:04:53Z

3

What you need is to find a common format which both languages can understand, the most commonly used format used for these two languages to communicate is JSON, as such, you can do the following:

In your PHP file, you can define the JavaScript variable:

<?php

?>

<script>
let my_array = JSON.parse('<?= json_encode($my_array) ?>');
</script>

<?php
// php code...

?>

As per Jon Stirling's comment:

The first option will only work if:

a) the JS file in included afterwards,

or b) the code in the js file run in a way that it runs after the document has loaded

or, using your method, you need to encode the as a JSON string via PHP then parse it as JSON in JavaScript:

 <input type="hidden" name="post_array" id="post_array" value="<?= json_encode($post_ids); ?>">

Then,

var test = JSON.parse($('#post_array').val());

Reading Material

json_encode

JSON.parse

edited Mar 13, 2019 at 10:04

answered Mar 13, 2019 at 9:49

Script47

14.6k4 gold badges49 silver badges69 bronze badges

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

4 Comments

Jonnix Over a year ago

Just a note for OP, the first option will only work if a) the JS file in included afterwards, or b) the code in the js file run in a way that it runs after the document has loaded

user7290573 Over a year ago

let my_array = <?= json_encode($my_array) ?>; also works, eliminating the need for JSON.parse().

user7290573 Over a year ago

@Script47 why? Surely an unquoted json_encode output is a valid JavaScript object?

Script47 Over a year ago

@user7290573 you are quite correct, my mistake, I misunderstood what you meant.

Collectives™ on Stack Overflow

How to use php array values in .js file?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related