Question

Can you check if this is a browser cache problem?

I have this scenario, I have a table that displays data like this and below that is a link that
sends you to another url. Only one row can be click at a time.

<table>
    <thead>
        .
        .
    </thead>
    <tbody>
        <tr>
            <td><input type=""checkbox" value="1" name="_chk"/></td>
            <td>Field1</td>
            <td>Field2</td>
        </tr>
    </tbody>
</table>
<a href="/myApp/url.htm" id="myLink">Change</a>

On click of the link, I am adding the current click id to the href attribute using jquery

$(document).ready(function(){
    $("#myLink").click(function(){
        var transID = $("input[name='_chk']:checked").val();
        var currHref = $(this).attr("href");

        $(this).attr("href", currHref + "?transID=" +transID);
    });
});

On first click, its ok and transaction id gets appended as parameter to the new url string like this /myApp/url.htm?transID=1?

Problem is this, when I click the back button and then click another row, the url parameter string gets doubled
like this /myApp/url.htm?transID=1?transID=2

Is this a browser cache problem and is there any workaround for this?

Answer 1

Try this…

$(document).ready(function() {
    var baseUrl = "/myApp/url.htm";

    $("#myLink").click(function(){
        var transID = $("input[name='_chk']:checked").val();
        $(this).attr("href", baseUrl + "?transID=" +transID);
    });
});