Question

I want to send a unique value to a variable when I click on a link.

I want to send a unique value to the postIdvariable below:

function uploadphoto(){
    $.get('page.asp?postId=postIdvariable&id=' +
    response.id);
}

Im looping out the links from the database, that call the function so I have:

<a href="#" onClick="uploadphoto(); return false;">Upload photo 1</a>
<a href="#" onClick="uploadphoto(); return false;">Upload photo 2</a>
<a href="#" onClick="uploadphoto(); return false;">Upload photo 3</a>

So how can I send one value from photo link 1, another from photolink 2 etc?

Answer 1

Option 1: Ouput your id as the argument to the function:

JS

function uploadphoto(id){
    $.get('page.asp?postId=postIdvariable&id='+id);
}

HTML

<a href="#" onClick="uploadphoto(1); return false;">Upload photo 1</a>

Option 2 (recommended): Use an html id or classname:

JS

// only need to call this once onDocumentReady and it attaches to all our links
// flagged with the css class upload-photo
$('a.upload-photo').click(function(e){
   var $a = $(this),
       id = $a.attr('id').split('upload-photo-').pop(); // parse the id number from the id attr

   $.get('page.asp?postId='+id+'&id='+response.id); // make json request

});

HTML

<a href="#" class="upload-photo" id="upload-photo-1">Upload photo 1</a>