selectedIndex en javascript

[sherif]

Hola a todos!
Estoy realizando un editor de texto html con javascript. Tengo un select de la siguiente manera:

Código:

<select name="fuentes" title="Fuentes" onchange="tipo_letra('fuentes', 'contenido')">
<option value="Arial">Arial</option>
<option value="Courier New">Courier New</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Times New Roman">Times New Roman</option>
</select>

y la función javascript a la que llama de esta forma:

Código:

function tipo_letra(fuentes, contenido){
var letra;
letra = document.getElementById(fuentes)[document.getElementById(fuentes).options.selectedIndex].value;
...
}

El caso es que en explorer me funciona y me devuelve la opción pulsada en el select, pero en firefox no hace absolutamente nada. También he probado con esta otra línea en el js omitiendo "options":

Código:

letra = document.getElementById(fuentes)[document.getElementById(fuentes).selectedIndex].value;

[sweetlydark]

Bueno no estipulas un id en tu select y pues te va ser imposible selecionarla asi en navegadores que son mas recto cuando usan el dom.

[sherif]

Perdona pero no se que quieres decir con lo del dom, es que lo he leído en otros foros y no tengo ni idea de qué están hablando.

[JavierB]

Hola sherif

Se refiere a que si no pones un id no puedes usar getElementById

Saludos,

[sweetlydark]

Si lo que dice JavierB ademas el dom es un modelo que js usa para saber que elementos html puede manipular y como.

[sherif]

Pues acabo de darle un id tanto al select como al formulario, y sigue sin funcionarme en firefox.

[sweetlydark]

El es el mismo que estas usando para llamarlo en tu codigo porque:

Código:

<script>
function tipo_letra(fuentes, contenido){
var letra;
alert(document.getElementById(fuentes)[document.getElementById(fuentes).options.selectedIndex].value);

alert(document.getElementById(fuentes)[document.getElementById(fuentes).selectedIndex].value);}
</script>

<select id="fuentes" title="Fuentes" onchange="tipo_letra('fuentes', 'contenido')">
<option value="Arial">Arial</option>
<option value="Courier New">Courier New</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Times New Roman">Times New Roman</option>
</select>

esto me funciona en ambos y lo único que hice fue cambiar el name por id y añadir un alert para verificarlo.

[sherif]

Ya me funciona. Cambié el name por el id como dijo sweetlydark y me funcionó tanto en explorer como en firefox.
Gracias a los dos.