Question

我正在尝试使用jquery在单击按钮时显示图像。它显示图像，但页面刷新，图像消失。我很确定问题是当我点击我的按钮时会执行form.submit刷新页面，但是我需要这个，因为我正在从隐藏文本框中更新我的下拉列表值，其中粘贴按钮的文本（页面刷新，因此用户不必按Enter键，它会自动为它们执行）。我想知道如何让它做到这两点，以便当按钮点击它时显示图像和页面刷新，图像仍然存在。

以下是我的功能的两个版本我尝试过但没有工作过：

function moveText(text)
{
     document.getElementById("result").value=text;
}
function showImage() 
{
     $("#loadingImage").show();
     return false();
}

和另一个：

function moveText(text)
{
     document.getElementById("result").value=text;
}                            
function showImage(event) 
{
     $("#loadingImage").show();
     event.preventDefault();
}

其他信息：

这是我的按钮代码：

  <input name="Failure Analysis Lab" 
   style="white-space:normal; width: 272px; height: 30px;" 
   onclick="moveText(this.name);showImage();
   form1.submit(); " type="button" 
   value="7QKD Failure Analysis Lab" />

Answer 1

我认为您需要在return false事件中添加onClick并删除表单提交。

onclick="moveText(this.name);showImage(); return false;"

这样可以防止发生回发。

Jquery显示图像几秒钟然后隐藏

1 个答案: