添加动态文本框时更新动态高度

Update dynamic height when adding dynamic textboxes

本文关键字：动态 更新 高度 文本 添加      更新时间：2023-09-26

在我的页面上，我有 2 个浮动的div，我们称它们为div.left 和div.right。我正在使用jQuery将div.right的高度添加到div.left。

div.right基本上充满了输入字段，我正在使用jquery在单击按钮时添加更多文本框。问题是当我添加更多文本框时，div.left 的高度不会更新。

我的 HTML 的基本版本如下所示：

    <div class="left" style="float:left"></div>
    <div class="right" style="float:right">
         <input type="text" name="textbox" />
         <input type='button' value='Add another' id='AddButton'> 
    </div>
    <div style="clear:both;"></div>

在这种情况下 #AddButton 将添加另一个文本框。

jQuery 为div.left 添加高度：

     $(window).load(function () {
        var MainHeight = $('div.left');
        $('div.right').css('height', (MainHeight.height()) + 'px');
    });

我正在使用它来添加文本框 http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

随着div.right 的增加，我将如何更新div.left 的高度？

试试这个：

在 $（"#addButton"）.click（function （） { 和 $（"#removeButton"）.click（function （） { 函数的末尾添加以下行（这两个函数您将从此代码中获得：http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/） 

$('div.right').height($('#TextBoxesGroup').height());

或使用div id 设置高度，如下所示

$('#rightDivID').height($('#leftDivID').height());

如果您有任何疑问，请告诉我。

谢谢。。。

相关文章：