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
– Satpal, Commented Apr 17, 2018 at 11:37

Binar Web · Accepted Answer · 2018-04-17 11:43:45Z

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, 2018 at 11:43

answered Apr 17, 2018 at 11:39

Binar Web

9531 gold badge13 silver badges27 bronze badges

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

6 Comments

Petra Žagar Over a year ago

value in field is still la, it has to be petra

Binar Web Over a year ago

Then you have another error somewhere else. Also, make sure you have only 1 id="testni".

Petra Žagar Over a year ago

I tried on new clean website and it still does not work

Binar Web Over a year ago

Did you loaded jQuery above this code? Do you have any error in the console?

Petra Žagar Over a year ago

|

Vidya · Accepted Answer · 2018-04-17 12:06:13Z

0

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.

answered Apr 17, 2018 at 12:06

Vidya

1269 bronze badges

Collectives™ on Stack Overflow

How to call js jQuery from functions.php in Wordpress

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related