Form funziona su Firefox e non su Chrome

[Faggin]

Salve a tutti,

ho la presente form

<form name="ricerca" >   
<select name="genere" >    
<option value="" selected="selected"> </option>    
<option value="legal_thriller" >Legal Thriller</option>    
<option value="giallo">Giallo</option>    
<option value="fantasy">Fantasy</option>   
</select>      
<input type="button" value="Vedi libri" onclick="window.addLibri(document.ricerca.genere.options[document.ricerca.genere.selectedIndex].value, 0);" />

 
</form>

che mi funziona, passandomi il valore selezionato, solo su Firefox e non su Chrome ( non mi interessa il supporto ad altri browser)

Qualcuno sa indicarmi cosa modificare per farla funzionare su entrambi i browser??

Grazie

[Xinod]

il problema sara' in questa funzione addLibri che non conosciamo

[Faggin]

No, la funzione può diventare benissimo un alert

<form name="ricerca" >    
<select name="genere" >     
<option value="" selected="selected"> </option>     
<option value="legal_thriller" >Legal Thriller</option>     
<option value="giallo">Giallo</option>     
<option value="fantasy">Fantasy</option>    
</select>       
<input type="button" value="Vedi libri" onclick="window.alert(document.ricerca.genere.options[document.ricerca.genere.selectedIndex].value, 0);" /> 

  
</form>

Su Firefox verrà mostrato il messaggio con il campo selezionato, su Chrome al click del bottone non succede assolutamente nulla.

[Xinod]

qui funziona su entrambi (chrome 11.0.696.60)

[Faggin]

Ho risolto con

<form name="ricerca" >
  <select id ="genere" name="genere" >
   <option value="" selected="selected"> </option>
   <option value="legal_thriller" >Legal Thriller</option>
   <option value="giallo">Giallo</option>
   <option value="fantasy">Fantasy</option>
  </select>
  
  <input type="button" value="Vedi libri" onclick="addLibri(document.getElementById('genere').options[document.getElementById('genere').selectedIndex].value, 0);" />
</form>