PHP變化鏈接提交按鈕

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> 

相反，我希望有一個提交按鈕，如：（這並不工作doesn't發送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

設置網址爲您的按鈕標記一個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

使用隱藏字段，將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()); 
    }); 

});