How do I get a value from a repeater in javascript?

Question

How do I get the value of a hidden field from a repeater into a javascript function? In essence, with the following repeater:

<asp:Repeater runat="server" ID="dtrRedStations">
<ItemTemplate>
    <div class="RepeaterClass">
        <asp:HiddenField runat="server" ID="hdnStationRedID" />
        <asp:HiddenField runat="server" ID="hdnStationRedEXID" />
        <div class="col-xs-12">Name: <asp:Label runat="server" ID="lblStationRedName" Text='<%#Bind("Name")%>'></asp:Label></div>
        <div class="col-xs-12">Number: <asp:Label runat="server" ID="lblStationRedNumber" Text='<%#Bind("Number")%>'></asp:Label></div>
        <div class="col-xs-12">Job:<asp:Label runat="server" ID="lblStationRedJobClass" Text='<%#Bind("Job")%>'></asp:Label></div>
    </div>
</ItemTemplate>

I want to add an clickable event to the div that takes a value from the first hiddenfield value and uses it to set the second hiddenfield value, in javascript. But I can't work out how to tell at runtime which instance of the repeaters bound values I am in.

Answer 1

Use below javascript function to get value from first hidden field from row and assign value to next hidden field

Used Jquery to find child elements here

function pageLoad() {
    $(".RepeaterClass").click(function () {
        var div = $(this);
        var firstHiddenFieldValue = div.find('[id*=hdnStationRedID]').val();
        //alert(firstHiddenFieldValue);
        var secondHiddenField = div.find('[id*=hdnStationRedEXID]');
        secondHiddenField.val(firstHiddenFieldValue);
        //alert(secondHiddenField.val());
    });
}