javascriptの高さのドキュメントの自動調整

Question

私はドキュメントのサイズに調整する必要があるサイドバーがあります。これは、このコード、完璧に動作します：

<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> 

ホープsome1は助けることができる：

だから、他の単語と自動的にこのスクリプトに調整をしたり、それが戻ったときに次のスクリプトは、関数を再実行してみましょうする可能性があります。

Answer 1

スタイルシートで#sidebar heightプロパティを100％に設定しないのはなぜですか？ Javascriptは本当に必要ですか？

そうでない場合は、単に（関数SidebarAutoAdjustを書く）あなたの最初のコードの断片で：

$("#sidebar").height($(document).height()); 

次に、あなたがしなければならないすべてはあなたのaddOne（）関数の最後にこの関数を呼び出しています。