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.

Nisarg Shah · Accepted Answer · 2017-09-08 15:21:35Z

5

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

edited Sep 8, 2017 at 15:21

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

answered Sep 8, 2017 at 15:20

Yogesh

6855 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related