How to insert a PHP variable in to HTML stored in a JS variable?

Question

Is it possible to insert the ButtonSend var inside my <input> part? This way will not work:

var ButtonSend = <?php _e('Go!', $this->plugin_slug) ?>;
LangKeys['en']['button'] = '<input v-on:click.prevent="submit" type="button" value="ButtonSend" />';

Rory McCrossan · Accepted Answer · 2020-01-20 10:30:37Z

1

Assuming it's a string value (from the context of the property name) you need to wrap the PHP output in quotes. Then you can concatenate the value as you would any other:

var ButtonSend = '<?php _e('Go!', $this->plugin_slug) ?>';
LangKeys.en.button = '<input v-on:click.prevent="submit" type="button" value="' + ButtonSend + '" />';

Alternatively you could use a template literal to do the concatenation, assuming you don't need IE support:

LangKeys.en.button = '<input v-on:click.prevent="submit" type="button" value="${ButtonSend}" />';

answered Jan 20, 2020 at 10:30

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

How to insert a PHP variable in to HTML stored in a JS variable?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related