accessing php variable from javascript code

Question

My file is with .php extension. I have a php variable $dataSelected that is an associative array. Actually it's the result set of a select query output. Here is what this variable has when printing with print_r:

Array
(
 [0] => Array
    (
        [attribute_group_id] => 3
        [language_id] => 1
        [name] => Memory
    )

 [1] => Array
    (
        [attribute_group_id] => 4
        [language_id] => 1
        [name] => Technical
    )

 [2] => Array
    (
        [attribute_group_id] => 5
        [language_id] => 1
        [name] => Motherboard
    )

 [3] => Array
    (
        [attribute_group_id] => 6
        [language_id] => 1
        [name] => Processor
    )

)

I want to access this variable from within my javascript code snippet(on the same page). My goal is to use the result of the query(which is stored in the $dataSelected variable) to dynamically add option element to a select tag.

I have tried the below code. But it is printing null in the console. Can anyone please help what I am doing wrong here?

<? php
    $dataSelected = $coreModel -> selectData('*','oc_attribute_group_description');
?>

<script>
 var attrGroups = <?php echo json_encode($dataSelected)?>;
 console.log(attrGroups);
</script>

Possible duplicate of [How to pass variables and data from PHP to JavaScript?](http://stackoverflow.com/questions/23740548/how-to-pass-variables-and-data-from-php-to-javascript) — wildeyes, Mar 20 '17 at 09:39
first try a var_dump($dataSelected) in php. If all is alright, maybe try var attrGroups = ''; or just without the ' but with the extra ; — Edwin, Mar 20 '17 at 09:39
put single quotes around php opening and closing tags in javascript. Thanks. — user1544541, Mar 20 '17 at 09:46
Maybe you can put the php value to a hidden input, and you can import it easily in javascript. :D — Mihálovics Rómeó, Mar 20 '17 at 09:37
@MihálovicsRómeó: that's a tricky alternative solution. Thanks. But I would first try to achieve what I explained in the question. — Yeasir Arafat Majumder, Mar 20 '17 at 12:39
@Edwin: that did it. Thanks. I could accept yours as the answer if you had posted it as an answer! — Yeasir Arafat Majumder, Mar 20 '17 at 12:42

score 1 · Answer 1 · answered Mar 20 '17 at 09:42

1

Try in this way:

<? php
    $dataSelected = $coreModel -> selectData('*','oc_attribute_group_description');
?>

<script>
 var attrGroups = "<?php echo $dataSelected; ?>";
 console.log(attrGroups);
</script>

answered Mar 20 '17 at 09:42

Marco Salerno

5,131
2
12
32

score 1 · Accepted Answer · edited May 23 '17 at 12:32

1

As suggested in: previous comment

try:

var attrGroups = '<?php echo json_encode($dataSelected);?>';

edited May 23 '17 at 12:32

Community

1
1

answered Mar 20 '17 at 12:58

Edwin

2,146
20
26

accessing php variable from javascript code

2 Answers2