按钮onclick事件不是在php中调用javascript函数

时间:2016-11-02 13:36:56

标签: javascript php html

我在php中调用javascript函数。当我在点击时直接调用alert()方法时它可以工作。这是我的代码

echo "<form action='' method='post' enctype='multipart/form-data' >
          <div class='fileupload fileupload-new' style='width: 250px;' data-provides='fileupload'><input type='hidden' value='' name=''>
          <div class='fileupload-preview thumbnail' style='width: 390px; height: 250px; '></div>
          <div>
         <span class='btn btn-file btn-success'><span class='fileupload-new'>Select image</span>
         <span class='fileupload-exists'>Change</span><input type='file' name=''></span>
      <button name='changepic' value='Save' class='btn btn-danger fileupload-exists' id='changeSitepic' onclick=\"alert('hi');\">Save</button>
       </div>
       </div>
       </form>";

这是引起问题的线。它适用于直接alert()方法

<button name='changepic' value='Save' class='btn btn-danger fileupload-exists' id='changeSitepic' onclick=\"alert('hi');\">Save</button>

但是当我通过其他javascript函数调用它时,这不会起作用。

<button name='changepic' value='Save' class='btn btn-danger fileupload-exists' id='changeSitepic' onclick=\"changeSitepic();\">Save</button>

这是javascript代码。

<script type="text/javascript">

function changeSitepic(){

     alert('hi');

        }

</script>

我无法找到我做错的地方。请帮忙。

3 个答案:

答案 0 :(得分:2)

我认为你的属性'id'和函数名是一样的。请更改“ID”并尝试。像这样更改你的按钮并尝试。它可能会帮助你

 <button name='changepic' value='Save' class='btn btn-danger fileupload-exists' id='changeSitepic_id' onclick="return changeSitepic()">Save</button>

答案 1 :(得分:2)

也没有必要使用双引号并逃避它们。只需使用单引号。

onclick='javascript:changeSitepic()'

答案 2 :(得分:0)

在你的onclick中尝试这个

onclick=\"javascript:alert('hi');\"