How to call js jQuery from functions.php in Wordpress

Question

I have this code on Wordpress post:

<input type=text id="testni" value="la">

and this code in functions.php:

<script type="text/javascript">
          $function(){
        $("#testni").attr("value", "petra");


          }
        </script>

This does not work. I guess i have to add some php code?

How to call JS from php?

`$(function(){ $("#testni").val("petra"); })`, Use `.val()` to set value and correct DOM ready handler — Satpal, Apr 17 '18 at 11:37

Binar Web · Accepted Answer · 2018-04-17T11:43:45.100

1

What you want is this

<script type="text/javascript">
$(function(){
    $("#testni").val("petra");
});
</script>

Read about DOM ready
Read about setting an input value

edited Apr 17 '18 at 11:43

answered Apr 17 '18 at 11:39

Binar Web

867
1
11
26

value in field is still la, it has to be petra – Petra Žagar Apr 17 '18 at 11:41
Then you have another error somewhere else. Also, make sure you have only 1 `id="testni"`. – Binar Web Apr 17 '18 at 11:42
I tried on new clean website and it still does not work – Petra Žagar Apr 17 '18 at 11:58
Did you loaded jQuery above this code? Do you have any error in the console? – Binar Web Apr 17 '18 at 12:00
– Petra Žagar Apr 17 '18 at 12:04
Glad I could help! – Binar Web Apr 17 '18 at 12:15

score 0 · Answer 2 · answered Apr 17 '18 at 12:06

If you need to call js in wordpress.. You need to add action in functions.php file. Try the below method.

<?php
add_action('wp_footer','custom_script');
function custom_script(){
 echo "<script type='text/javascript'>
          $function(){
        $('#testni').attr('value', 'petra');


          }
        </script>";
}
?>

Or else simply add your script in header.php or footer.php.

How to call js jQuery from functions.php in Wordpress

2 Answers2