Обновить динамическую высоту при добавлении динамических текстовых полей

Question

Обновить динамическую высоту при добавлении динамических текстовых полей

0

На моей странице у меня есть 2 плавающих divs, давайте назовем их 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?

Dale 24 окт. 2013, в 16:42

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Vishal Patel · Answer 1 · 2013-10-24T13-28-00.000Z

Попробуй это:

Добавьте ниже строку в конец $ ("# addButton"). Click (function() { и $ ("# removeButton"). Click (function() { functions (эти две функции вы получите из этого кода: http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/)

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

или используйте div id для установки высоты, как показано ниже

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

Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы.

Спасибо...