Problemas con JavaScript y agregar valores a Select
Publicado por alexisverano (1 intervención) el 20/06/2011 17:55:33
Tengo la siguiente pagina, donde desde una caja de texto agrego valores a un select, todo esto me funciona bien, pero tengo que tener dos formularios dentro de la pagina, como hago para suprimir un formulario, ya que me causa trastornos a la hora de conformar el diseno de los objetos en la pagina.
Les adjunto el codigo: """espero me puedan ayudar""""
***********
EJEMPLO
***********
<!-- FUNCIONES DE JAVASCRIPT -->
<script language="javascript">
function mostrar_campo()
{
document.getElementById('texto').style.display='';
document.getElementById('insertar').style.display='';
}
</script>
<script language="javascript">
function ocultar_campo()
{
document.getElementById('texto').style.display='none';
document.getElementById('insertar').style.display='none';
document.getElementById('ocultar').style.display='none';
}
</script>
<script type="text/javascript">
<!--
function insertOption(elm)
{
var y=document.createElement('option');
y.text=elm;
var x=document.getElementById("mySelect");
try
{x.add(y,null); }
catch(ex)
{x.add(y); }
}
</script>
<!-- FIN DE LAS FUNCIONES DE JAVASCRIPT -->
<table width="684" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="371">Seleccione la opcion:</td>
<td width="34"> </td>
<td width="279"> </td>
</tr>
<tr>
<td>
<form action="8-1.php" method="post">
<select name="select" id="mySelect">
<option>Opcion 1</option>
<option>Opcion 2</option>
<option>Opcion 3</option>
<option>Opcion 4</option>
</select>
<input type="submit" name="Submit" value="Enviar" />
<input type="button" name="Accion" id="ocultar" onclick="ocultar_campo() || mostrar_campo()" value="Agregar" />
</form>
</td>
<td> </td>
<td>
<form>
<input name="texto" type='text' id="texto" style="display:none" value='' />
<input name="button" type='button' id="insertar" style="display:none" onclick="insertOption(elements[0].value) || ocultar_campo()" value='Insertar' />
</form>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
*****************************************
Les adjunto el codigo: """espero me puedan ayudar""""
***********
EJEMPLO
***********
<!-- FUNCIONES DE JAVASCRIPT -->
<script language="javascript">
function mostrar_campo()
{
document.getElementById('texto').style.display='';
document.getElementById('insertar').style.display='';
}
</script>
<script language="javascript">
function ocultar_campo()
{
document.getElementById('texto').style.display='none';
document.getElementById('insertar').style.display='none';
document.getElementById('ocultar').style.display='none';
}
</script>
<script type="text/javascript">
<!--
function insertOption(elm)
{
var y=document.createElement('option');
y.text=elm;
var x=document.getElementById("mySelect");
try
{x.add(y,null); }
catch(ex)
{x.add(y); }
}
</script>
<!-- FIN DE LAS FUNCIONES DE JAVASCRIPT -->
<table width="684" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="371">Seleccione la opcion:</td>
<td width="34"> </td>
<td width="279"> </td>
</tr>
<tr>
<td>
<form action="8-1.php" method="post">
<select name="select" id="mySelect">
<option>Opcion 1</option>
<option>Opcion 2</option>
<option>Opcion 3</option>
<option>Opcion 4</option>
</select>
<input type="submit" name="Submit" value="Enviar" />
<input type="button" name="Accion" id="ocultar" onclick="ocultar_campo() || mostrar_campo()" value="Agregar" />
</form>
</td>
<td> </td>
<td>
<form>
<input name="texto" type='text' id="texto" style="display:none" value='' />
<input name="button" type='button' id="insertar" style="display:none" onclick="insertOption(elements[0].value) || ocultar_campo()" value='Insertar' />
</form>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
*****************************************
Valora esta pregunta


0