フォームiは要素のオプションの値を取得しようとしているFirefoxの

Question

で定義されていない：

<div id="decorazioni_agg">Decorazioni aggiuntive:<br> 
     <select id="decorazioni" name="decorazioni"> 
      <option class="option" value="smarties">Smarties</option> 
      <option class="option" value="scaglie">Scaglette di 
          cioccolato</option> 
      <option class="option" value="cheerios">Cheerios</option> 
      <option class="option" value="chocopops">Choco 
          Pops</option> 
     </select><br> 

     <input class="button" name="aggiungi" type="button" value="Aggiungi 
        decorazione" onClick="add_decoration(decorazioni.value)"> 
    </div> 

をそしてこれは、関数add_decoration（OBJ）である：

function add_decoration(tipo) 
{ 
if(tipo == 'smarties') 
    add_smarties(); 
else 
    add_something(tipo); 
} 

は今、これが機能していますChromeとIE8ではどちらもFirefox 3.5では使用できません。 Firefoxのエラーコンソールには次のようなメッセージが表示されます：

decorazioni is not defined 

私はコードをきれいに保つことができるので、事前

Answer 1

onclick="var elem = document.getElementById('decorazioni'); add_decoration(elem.options[elem.selectedIndex].value);" 

で おかげでしかし、適切なイベント登録の代わりに、インラインイベントを使用する方がよいでしょう。ここにjQueryの例があります。それを動作させるには、ボタンにIDを与えます。

$('#buttonid').on('click', function() { 
    add_decoration($('#decorazioni').val()); 
}); 

Answer 2

HTMLでイベントハンドラをバインドしないでください。

<input class="button" id="aggiungi" name="aggiungi" type="button" value="Aggiungi decorazione" /> 

document.getElementById('aggiungi').onclick= function() { 
    add_decoration(document.getElementById('decorazioni').value); 
};