调用表单php里面的一个函数jquery [复制]

Question

This question already has an answer here:

• What is the difference between client-side and server-side programming? 5 answers

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!

</div>

Answer 1

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
}