JavaScript - Incluir options en un select

 
Vista:

Incluir options en un select

Publicado por B.V.G (5 intervenciones) el 03/01/2001 00:00:00
Hola,
Tengo varias listas desplegables y estoy intentando incluir desde una funcion javascript mas options en una de estas lista.
Alguien sabe puede hacerse esto???
Muchas gracias por tu interes en esta nota.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Incluir options en un select

Publicado por B.V.G. (5 intervenciones) el 04/01/2001 00:00:00
Bueno, pues me autocontesto por si a alguien le puede interesar.
He encontrado una solución que tal vez sea un poco chapuza, pero me funciona, si alguien tiene otra solucion diferente no dudes en decirmelo.
He hecho:
<html>

<head>
<script>
<!--
function Cambio(formu1, formu2){
var long
long = formu2.length
formu2.length = long + 1
formu2.options[long].value = "n3"
formu2.options[long].text = "Esta es otra opcion"

}
//-->
</script>
</head>

<body>

<form name="FORM1" METHOD="POST">
<p><select NAME="D1" onchange="Cambio(document.FORM1.D1, document.FORM1.D2)" size="1">
<option value="opc1"> opcion 1 </option>
<option value="opc2"> opcion 2 </option>
</select> </p>
<p><select NAME="D2" size="1">
<option value="n1"> otra opcion 1 </option>
<option value="n2"> otra opcion 2 </option>
</select> </p>
</form>
</body>
</html>


Bye
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Incluir options en un select

Publicado por Alejandro (3 intervenciones) el 05/01/2001 00:00:00
Otra posible opción es usar las propiedades innerHTML y outerHTML. Están implementadas
en el IE4+ pero desafortunadamente no están
disponibles en el Netscape hasta la última versión, la 6.0.

Estas propiedades permiten capturar código HTML
correspondiente a una marca <form>, a un input tipo button (un botón), y alguna que otra más.
Con esto puedes tratar el código HTML como un
string y luego volver a cargarlo instantaneamente.
Un ejemplo sería:

function cambio(formu1){
// Capturo el códito HTML de formu1.
var cadena = document.formu1.outerHTML;

// Teniendo el código, puedo cambiarlo
// poniendo otro o detectar un punto del
// código, una marca </select>, por ejemplo,
// e insertar una nueva <option>. Algo del
// estilo:

var puntero = cadena.indexOf("</select>");

if (puntero >=0) {
cadena = cadena.substring(0,puntero) +
"<option value=´opc3´> opcion 3" +
"</option>" + cadena.substring(puntero);
}

// Y lo más importante.
document.formu1.outerHTML = cadena;

// Ésta última línea cambia instantaneamente
// el formulario formu1 sin recargar
// la página.
}

Otro truco es usar comentarios, algo del estilo <!-- marca1 --> dentro del <form> y así detectar
cualquier punto para poder realizar la inserción.

Quizás para tu problema sea mejor tú solución, sin
embargo lo b
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Incluir options en un select

Publicado por Alejandro (3 intervenciones) el 05/01/2001 00:00:00
NOTA: En la funcion cambio(formu1) he olvidado
usar el parámetro formu1 dentro de la función,
ya que se usa una función lo correcto es:

funcion cambio(formu){
var cadena = formu.outerHTML;

etc....
}

y hacer la llamada con cualquier formulario
ej.: onclick="cambio(document.miformu)"

Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar