如何在.js文件中使用php数组值？

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?

Answer 1

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