我正在尝试使用jquery设置带有下拉列表的文本框的值,但是无法弄清楚如何找到当前的文本框。
<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函数
$(document).on('click', '.dropdown-menu li a', function() {
$(this).parent().parent().parent().find('.asp:TextBox').val($(this).html());
});
这可能是错的,我也试图使用closest()
,但无济于事,从我的在线搜索中我看到人们正在使用他们想要找到的元素的组合类,这是必要的吗? / p>
答案 0 :(得分:1)
关闭..您必须再上一个父级并查找文本的输入类型:
$(this).parent().parent().parent().parent().find('input[type="text"]')