Javascript高度文档自动调整

我有一个侧边栏需要调整到文档的大小。这是完美的，它是这样的代码:

<script type="text/javascript">
      $(document).ready(function(){
        $("#sidebar").height( $(document).height() ); 
    });
    </script>

但是现在我在我的网站上有一个表单，当你输入选项时，它会随着javascript的大小而变化。换句话说，当你放入多个选项时，整个文档会变长。但是这个脚本没有调整，所以当你输入更多选项时，侧边栏就会被切断。

那么换句话说，是否有可能使这个脚本自动调整，或者让下面的脚本在返回时重新运行该函数:

<script>
        treated = new Object(); 
        inputNumber = 1;
        function addOne() {
            //Create an input type dynamically.
            var divElement = document.createElement("div");
            var element = document.createElement("input");
            inputNumber++;
            element.setAttribute("name", "input" +inputNumber);
            element.setAttribute("onkeyup", "if (this.value.length > 1 && treated[this.name] != 1){ addOne(); treated[this.name] = '1'; }");
            element.setAttribute("id", "productoptiesadd");
            var price = document.createElement("input");
            price.setAttribute("name", "price" +inputNumber);
            price.setAttribute("id", "productoptiesaddprice");
            var foo = document.getElementById("japroductopties");
            var htag = document.createElement("h7");
            htag.innerHTML = "Optie " + inputNumber + ":";
            var htags = document.createElement("h7");
            htags.innerHTML = " € ";
            divElement.appendChild(htag);
            divElement.appendChild(element);
            divElement.appendChild(htags);
            divElement.appendChild(price);
            foo.appendChild(divElement);
            }
    </script>