[select]introducir Valor En Un Option

nesetru123 · #1 (**permalink**) 11/07/2004, 03:25

hola a todos!

el problema que tengo es que no sé cómo introducir (después de haber habilitado el Select, es decir select disabled=0) en la primera option del select un valor deseado para que el usuario vea el texto que yo quiero.

alguna idea?

caricatos · #2 (**permalink**) 11/07/2004, 03:53

Hola nesetru123:

Podrías hacerlo con el DOM, creando un elemento option y poniéndolo al principio:

var nuevaOp = document.createElement("option");
nuevaOp.text = "contenido nuevo";
nuevaOp.value = "valor nuevo";
document.forms[el_Formulario][el_Select].insertBefore(nuevaOp);

Sé que la teoría es correcta, pero no lo he probado...

Si te sirve danos el aviso.

Saludos

nesetru123 · #3 (**permalink**) 11/07/2004, 04:51

Hola!!

tras añadir el código al que tenía, la cosa se queda así:

document.formCliente.localidad.disabled = 0; document.formCliente.localidad.options.length = 1;
document.formCliente.idzona.disabled = 1;
var indice = document.formCliente.provincia.selectedIndex var textoEscogido = document.formCliente.provincia.options[indice].text
//introducir el valor en la select localidad
var nuevaOp = document.createElement("option");
nuevaOp.text = textoEscogido;
nuevaOp.value = indice;
document.formCliente.localidad.insertBefore(nuevaO p);

y, sigue sin funcionar!!

caricatos · #4 (**permalink**) 11/07/2004, 05:53

Hola otra vez:

Como te decía antes, la teoría es correcta, pero al probarlo no funcionaba bien...
Usando setAttribute("text", "textoEscogido") y lo mismo con su value se añadían los elemento pero atrás

Usando el array de options conseguí algo de forma un poco más compleja, pero en mozilla y explorer funciona.

Código:

<html>
	<head>
		<script>
			function sumar()	{
				with (document.forms["formCliente"]["localidad"])	{
 					for (var i = options.length; i > 0; i --)
 						options[i] = new Option(options[i - 1].text, options[i - 1].value);
 					options[0] = new Option("textoEscogido", "indice");
 					options[0].selected = true;
 				}
			}
		</script>
	</head>
	<body >
		<form name="formCliente" >
			<select name="localidad" >
				<option value="1" >Hola 1
				</option>
				<option value="2" >Hola 2
				</option>
			</select>
			<input type="button" value="pruébame" onclick="sumar()" />
		</form>
	</body>
</html>

Saludos