Finding element with jquery in asp

Question

I am trying to set value of textbox with drop down list using jquery, but cant figure out how to find current textbox.

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
     <div class="row" id="formValidator">
     <div class="col-sm-6">

     <div class="form-group" id="contractGroup">
                    <label for="inputContract" class="col-sm-5 control-label">Contract Type <b>*</b></label>
                    <div class="col-sm-7">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Full-time</a></li>
                                    <li><a href="#">Part-time</a></li>
                                </ul>
                            </div>
                            <asp:TextBox runat="server" type="text" class="form-control" ID="inputContract" placeholder="Full time, Part time"></asp:TextBox>
                        </div>
                    </div>
                </div>
              </div>
            </div>
</asp:Content>

Jquery function

    $(document).on('click', '.dropdown-menu li a', function() {
        $(this).parent().parent().parent().find('.asp:TextBox').val($(this).html());
    });

Which is probably wrong, I attempted to use closest() as well, but to no avail , from my search online I saw people are using made up classes for elements they are trying to find, is that necessary ?

find('.asp:TextBox') won't work because there is no such thing on the client-side. Add a class to the input and use that. — Ant P
– Ant P, Commented Nov 19, 2014 at 18:06
@AntP already tried that, and I have form-control class associated with my textbox which I would like to keep. — Aistis Taraskevicius
– Aistis Taraskevicius, Commented Nov 19, 2014 at 18:08
You can use multiple classes on a single element. If you have tried it, you have not done so properly because it would have solved your problem. You can't select .asp:TextBox because there is no such thing. — Ant P
– Ant P, Commented Nov 19, 2014 at 18:12
@AntP I did mention that my Jquery find is probably wrong in my post, so chances are, I did it wrong, thats why I am asking for help :) — Aistis Taraskevicius
– Aistis Taraskevicius, Commented Nov 19, 2014 at 18:15
We have established that what you've posted is wrong but you have said you "already tried" my suggested fix (presumably implying that it didn't work) - without seeing this attempt it is hard to help you further. — Ant P
– Ant P, Commented Nov 19, 2014 at 18:17

Slippery Pete · Accepted Answer · 2014-11-19 18:12:03Z

1

Close.. You have to go up one more parent and look for input type of text:

$(this).parent().parent().parent().parent().find('input[type="text"]')

answered Nov 19, 2014 at 18:12

Slippery Pete

3,1101 gold badge16 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Finding element with jquery in asp

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