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

我的页面上有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.left的高度div.right增加？

来源

2013-10-24 Dale

试试这个：

添加下面一行在$（ “＃Add按钮”）结束点击（函数（）{和$（ “＃removeButton”）点击（函数（）{。功能（这两个函数，你会从这个代码获得：http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/）

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

或使用DIV ID设置高度类似下面

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

如果您有任何疑问，请让我知道。

谢谢...

来源

2013-10-24 15:08:01

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

回答

相关问题