OPCIÓN NO SELECCIONABLE EN UN COMBO
4 seguidores
Alquien sabe como se puede desactivar una opción concreta dentro de un menú desplegable? (Que no sea seleccionable)
Gracias!
Alquien sabe como se puede desactivar una opción concreta dentro de un menú desplegable? (Que no sea seleccionable)
Gracias!
Seguro que tienes mucho que decir, te estamos esperando.
meddle
ni de coña, pero me la se bastante bien ;)
ese caso especifico me lo se porque lo uso en mi web desde hace dos años, no por otra cosa. lo mejor siempre es leer directamente de la fuente original, por tanto desde las especificaciones W3C. Es incomodo al principio pero te acostumbras rapido y aprendes mucho mas.
txuma Plus
joder, sergi, eres una puta enciclopedia... pero te sabes de memoria toda la especificación HTML.... ??
meddle
molts de res
creatiu
MUCHISIMAS GRACIAS!!!!
meddle
lo mas correcto y semantico es usar el optgroup, se supone que la no seleccionable es para denominar lo que viene debajo, no? ahi va:
<code>
<select id="language" name="language">
<optgroup label="Idiomas">
<option value="getEng">1. English</option>
<option value="getEsp">2. Español</option>
</optgroup>
</select>
</code>
dagi3d
lo que se me ocurre es que si seleccionas una posicion no seleccionable, se seleccione automaticamente la siguiente(o la anterior) opcion. no contempla el caso de que haya dos opciones no seleccionables seguidas, pero se podria solucionar facilmente:
<code><html>
<head>
<script>
function seleccionar(select, lista)
{
index = select.selectedIndex;
for (i = 0; i < lista.length; i++)
{
if (lista[i] == index)
{
if (index == select.options.length - 1)
{
index--;
}
else
{
index++;
}
select.selectedIndex = index;
return;
}
}
}
</script>
</head>
<body>
<form name="frm">
<select name="combo" onchange="javascript:seleccionar(this, [1,5]);">
<option>opcion a</option>
<option>--------</option>
<option>opcion b</option>
<option>opcion c</option>
<option>opcion d</option>
<option>--------</option>
<option>opcion e</option>
<option>opcion f</option>
</select>
</form>
</body>
</html></code>