call form php a function inside jquery

Question

i'd like to call a jquery function from php. I tried this way, but the jquery functions are not called.

jq.action.js

$(function() {

  $("#reset" ).click(function(e){       
    e.preventDefault();
    reset_fields();
  });

  function reset_fields(){
    $(":input").prop('selectedIndex', 0);
  }

  function error_msg(){
    alert("Error");
  }

});

index.php

<script type='text/javascript' src='jquery-1.11.1.min.js'></script>
<script type='text/javascript' src='jq.action.js'></script> 

<?php
if ($_POST['id'] == '1') {

       echo '<script>reset_fields();</script>';

} else {

       echo '<script>error_msg();</script>';
}
?>

ReferenceError: reset_fields is not defined

how can I call from php the functions inside jquery? thanks!

You cannot call jquery functions directly from PHP. PHP is server sided, jquery is client sided. — Junior, May 31 '14 at 11:08
You can "call" JS functions using PHP, your PHP will just output HTML / JS so you do what you want. Did you notice you miss — Vincent Decaux, May 31 '14 at 11:09
@OleKristianAanensen I disagree, the OP wants to `echo/print` a line of ` — Adam Azad, May 31 '14 at 11:10
@EruPenkman he wants to do the other way around. PHP -> jquery, not a ajax request. — Junior, May 31 '14 at 11:10
@AdamAzad yes, that's why I commented "You cannot call jquery functions **directly** from PHP." — Junior, May 31 '14 at 11:12
@VincentDecaux - can you tell me how I should correct my code to do what I want? thanks! — Paolo Rossi, May 31 '14 at 11:31

score 1 · Accepted Answer · answered May 31 '14 at 11:34

Your problem is JavaScript scoping: the function you're trying to call is not accessible from everywhere.

$(function() {
    function reset_fields(){
        // this function is only accessible to things inside $(function(){...
    }
}

That means that you can't access it directly. However, if you place the function outside, it will work:

function reset_fields() {
    // now this function is globally accessible from anywhere
}

$(function() {
    // you can still call reset_fields() from here
}

YOU ARE MY HERO!! THANK U VERY MUCH!! – Paolo Rossi May 31 '14 at 11:37 — Paolo Rossi, May 31 '14 at 11:37

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

Php runs on the server and javascript on the client, so the terminology "call a javascript function" is incorrect.

You can set a javascript variable with php then test that variable with javascript on the client. This will make your code a bit simpler

 var postId = '<?php echo $_POST["id"] ?>';

 if( postId === '1'){
  reset_field();
 }
 else {
  reset_field();
 }

edited May 23 '17 at 12:10

Community

1
1

answered May 31 '14 at 11:13

actual_kangaroo

5,971
2
31
45

1

You missed "echo" before $_POST['id']; – Vincent Decaux May 31 '14 at 11:15
thank you but I want to do it by php.. – Paolo Rossi May 31 '14 at 11:30

call form php a function inside jquery

2 Answers2