屋外 - サーフテンプレートにイベントハンドラを追加する方法？

Question

        <div class="yui-gd">
            <div class="yui-u first"><label for="${args.htmlid}-addContent">${msg("label.HowToAddContent")}:</label></div>
            <div class="yui-u"> 
              <select id="addContent" name="addContent" onchange="dropdown(this)">
                  <option value="1" selected="selected">${msg("label.generateFromDescription")}</option>
                  <option value="2">${msg("label.uploadFile")}</option>
               </select>   
              </div>   

         </div>
<script type="text/javascript">//<![CDATA[
       function dropdown(sel){
              //if(document.getElementById("addContent").value == "1")
            if(sel.value == "0"){
               document.getElementById('desc').style.display = 'block'
         }
            else {
            document.getElementById('desc').style.display = 'none'
         }
      }       
//]]></script>

私は私が選択ボックスにイベントハンドラを追加したいので、それはFirefoxでうまく動作しますが、IEで、それは常にnull例外をスローそれを書きます。 私はattachEventを使用しても通過、それはまだIEで動作することはできません。 私は上記でのdocument.getElementById（「addContent」）を使用している場合、それは常にnull例外がスローされます！ しかし、これらすべてのものは、Firefoxでうまくいく！

誰かがその理由を教えてもらえますか？ 事前に感謝します！

Answer 1

どのIEバージョンを使用していますか？ それは古いバージョンだ場合は、オプションを選択した値を取得しよう：

var selectedValue = sel.options[sel.selectedIndex].value;