Question

I have this jquery script that refreshes a div tag on my page:

$(function() {

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

});

A link click activates it, but I want to change it to a button. Currently I have:

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

Instead I want a submit button, like: (this doesnt work-doesn’t send the id)

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

What am I doing wrong?

Answer 1

Leverage the data attribute and jQuery’s data method. I think this is what you are trying to do.

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