Jquery 将文本框的高度设置为标签文本的高度
有人能给我举个例子,说明如何设置文本框的高度,使其与标签的高度相匹配吗?如您所见,我的标签和文本框位于一个字段集中。标签的文本可以是可变的,所以我不确定是否有css属性来处理这个问题,或者必须动态设置它。我还应该提到,我的标签是在页面加载时动态填充的。我正在使用Asp.netJquery 将文本框的高度设置为标签文本的高度,jquery,html,css,Jquery,Html,Css,有人能给我举个例子,说明如何设置文本框的高度,使其与标签的高度相匹配吗?如您所见,我的标签和文本框位于一个字段集中。标签的文本可以是可变的,所以我不确定是否有css属性来处理这个问题,或者必须动态设置它。我还应该提到,我的标签是在页面加载时动态填充的。我正在使用Asp.net <fieldset class="input"> <ol> <li> <asp:Label id="label1" AssociatedCo
<fieldset class="input">
<ol>
<li>
<asp:Label id="label1" AssociatedControlID="textField1" runat="server">Provide a brief description of the process used to build, monitor and maintain investment portfolios for this strategy.</asp:Label>
<textarea ID="textField1" runat="server" cols="40" rows="4"></textarea>
</li>
<li>
<asp:Label id="label2" AssociatedControlID="textField2" runat="server">What market anomaly or inefficiency are you trying to capture?</asp:Label>
<textarea ID="textField2" runat="server" cols="40" rows="4"></textarea>
</li>
</ol>
</fieldset>
您可以使用jQuery来完成
$(document).ready(function() {
var labelHeight = $('label').height();
$('textarea').height(labelHeight);
});
这里是JSFIDLE示例-您也可以发布HTML吗?您到底是如何在这里发布HTML的??我一直在尝试,但它一直在逐字解释,而不是发布原始代码。粘贴HTML,全部选中,然后单击上面的
{}
按钮。:)谢谢你,卡洛扬。HTML存在。@mseg是发送到浏览器的HTML吗?我看到了+1
,因为它确实在工作,但这里包含了一些css以使其更清楚-上面的内容对我来说不起作用。我发布了我的html,但我也应该提到我的标签是动态填充的。要发布上面的html,我必须复制并粘贴结果。这就是为什么它没有像您的示例中那样调整大小的原因吗?@mseg如果jQuery实际上是一个选项,您可能应该相应地标记您的问题,以确保更多的人看到您的问题。@netrunner我不知道jQuery是否是我唯一的选项,但我已经这样做了。@mseg您可能通过这种方式获得了更多的答案
$(document).ready(function() {
var labelHeight = $('label').height();
$('textarea').height(labelHeight);
});