Question

<center>
        <form id="f1">
            <textarea name="textcontent" id="styled" cols="40" rows="4"></textarea>
                <br>
            <input onclick='JavaScript:xmlhttpPost("/cgi-bin/test.py")' type="button" value="Show" class="blue"/>
                <br><br>
            <div id="qList">
                <img id="loading_image" src="ajax-loader.gif"/>
            </div>
        </form>
</center>

我想要在单击Show按钮时显示代码中显示的图像，并且要由python文件返回的内容替换图像。

我知道我可以使用这个脚本onclick="$('#loading_image').show();"，但是如何让它们一起执行，以便图像被其他一些内容替换？

Answer 1

首先，最好使用jQuery中的addEventListener或.on。

其次，你所要做的就是让你的处理程序调用这两个函数：

function handler() {
    xmlhttpPost("/cgi-bin/test.py");
    $('#loading_image').show();
}

然后绑定如下：

<input id="myInput" type="button" value="Show" class="blue"/>

...

$("#myInput").on("click", handler);

Answer 2

最好的方法是：

<input type="button" onclick="manyfunctions()" value="Send" />
<script src="script.js" type="text/javascript"></script>

script.js应该是这样的：

function manyfunctions() {
  somefunctions()
  anotherfunction()
    //List functions to herre
}

从一个按钮同时执行两个javascript函数？

2 个答案: