Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将文本框的高度设置为标签文本的高度_Jquery_Html_Css - Fatal编程技术网

Jquery 将文本框的高度设置为标签文本的高度

Jquery 将文本框的高度设置为标签文本的高度,jquery,html,css,Jquery,Html,Css,有人能给我举个例子,说明如何设置文本框的高度,使其与标签的高度相匹配吗?如您所见,我的标签和文本框位于一个字段集中。标签的文本可以是可变的,所以我不确定是否有css属性来处理这个问题,或者必须动态设置它。我还应该提到,我的标签是在页面加载时动态填充的。我正在使用Asp.net <fieldset class="input"> <ol> <li> <asp:Label id="label1" AssociatedCo

有人能给我举个例子,说明如何设置文本框的高度,使其与标签的高度相匹配吗?如您所见,我的标签和文本框位于一个字段集中。标签的文本可以是可变的,所以我不确定是否有css属性来处理这个问题,或者必须动态设置它。我还应该提到,我的标签是在页面加载时动态填充的。我正在使用Asp.net

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