Question

我有这个jquery脚本刷新我页面上的div标签：

$(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>

相反，我想要一个提交按钮，例如:(这不起作用 - 不发送id）

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

我做错了什么？

Answer 1

利用数据属性和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'));
   });
});

Answer 2

您可以尝试

<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);
}

Answer 3

将URL设置为按钮标记中的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 ?>';">

Answer 4

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

您需要将要转到的值（网址）添加到按钮并相应地更改您的javascript，或者只需更改链接以使其看起来像一个按钮。

Answer 5

使用隐藏字段来存储要加载的网址：

<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());
   });

});

php更改链接以提交按钮

5 个答案: