2012-02-02 70 views
-1

我有这样的jQuery的脚本,刷新我的网页上div标签:PHP变化链接提交按钮

$(function() { 

    $(".loadlink").click(function(event) { 
     event.preventDefault(); 
     $("#result").load($(this).attr("href")); 
    }); 

}); 

链接点击激活它,但我想将其更改为一个按钮。目前,我有:

<a class="loadlink" href="crimes_result.php?id=<? echo $id ?>">do job<a> 

相反,我希望有一个提交按钮,如:(这并不工作doesn't发送ID)

<input type="submit" class="loadlink" value=" do job " onClick="location.href='crimes2.php?id=<? echo $id ?>';this.disabled=true;"> 

我在做什么错?

+0

你为什么不只是风格你的链接看起来像一个按钮? – jeroen 2012-02-02 20:14:48

+0

什么是JavaScript控制台说? +它应该是'window.location.href'。 – Vyktor 2012-02-02 20:15:29

回答

3

利用数据属性和jQuery的数据方法。我认为这是你想要做的。

HTML

<input type="submit" class="loadlink" data-url="crimes2.php?id=<?php echo $id ?>" /> 

javasript

$(function() { 
    $(".loadlink").click(function(event) { 
     event.preventDefault(); 
     $("#result").load($(this).data('url')); 
    }); 
}); 
+1

良好的通话。我只是使用type =“button”而不是“submit”,并用event.preventDefault()去掉。 – 2012-02-02 20:16:31

0

您可以尝试

<input type="submit" class="loadlink" value=" do job " onClick="loadlink('crimes2.php?id=<? echo $id ?>'); this.disabled=true;"> 

和JavaScript

function loadlink(href) 
{ 
    $("#result").load(href); 
} 
0

设置网址为您的按钮标记一个data-attribute和阅读像这样在您的JS:

$(function() { 

    $(".loadlink").click(function(event) { 
     event.preventDefault(); 
     $("#result").load($(this).attr("data-href")); 
     this.disabled = true; 
    }); 

}); 

这需要你的按钮,看起来更像是这样的:

<input type="submit" class="loadlink" value=" do job " data-href="crimes2.php?id=<? echo $id ?>';"> 
0

它不工作的原因,是提交按钮没有href属性。

您需要添加你想要去(网址)的按钮,并相应地改变你的JavaScript或只是更改链接,使其看起来像一个按钮的值。

0

使用隐藏字段,将URL存储负载:

<input type="hidden" name="myUrl" value="crimes_result.php?id=<? echo $id ?>" /> 

和使用JavaScript:

$(function() { 

    $(".loadlink").click(function(event) { 
     event.preventDefault(); 
     $("#result").load($('input[name=myUrl]').val()); 
    }); 

});