Estoy practicando con javascript y eh hecho un formulario en donde hay un boton agregar que al pulsarlo genera una ventana pidiendo datos tipeas y aceptar y tendria que agregar un nuevo elemento a una lista select.
El asunto es que no lo agrega no se si pudiesen ayudarme a solucinarlo.
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form8" name="form8" method="post" action="">
<p>Usuario
<input type="text" name="txtusuario" id="txtusuario" />
Raza
<select name="lstRazas" id="lstRazas">
<option value="MAtlantis" selected="selected">Atlantis</option>
<option value="MAsgard">Asgard</option>
<option value="MOri">Ori</option>
<option value="MWraith">Wraith</option>
<option value="MReplicante">Replicante</option>
<option value="MJaffa">Jaffa</option>
<option value="MTauri">Tauri</option>
<option value="MGoauld">Goauld</option>
</select>
</p>
</form>
<script>
var Receptora ="ini";
var Inicial ="";
function Ingresar()
{
var MiVariable=prompt("Ingresa Direccion")
//alert(MiVariable)
Receptora = MiVariable;
//prompt almacena lo que escribas en la variable "MiVariable" luego puedes utilizarla a como gustes, en este ejemplo se muestra una ventana de alerta que muestra el contenido de la variable "MiVariable"
}
</script>
<form id="form9" name="form9" method="post" action="">
<p>Direcciones </p>
<select name="transporte" size="5" onchange="document.getElementById('form9').submit();">
<script>
Inicial = Inicial +" "+"<option value="+Receptora+">"+Receptora+"</option>";
alert(Inicial)
document.write(Inicial);
</script>
</select>
</form>
<form id="form6" name="form6" method="post" onclick="Ingresar()">
<input type="submit" name="btnAgregar" id="btnAgregar" value="Agregar" />
</form>
<form id="form7" name="form7" method="post" action="">
<input type="submit" name="btnEliminar" id="btnEliminar" value="Eliminar" />
</form>
<form id="form5" name="form5" method="post" action="">
<input type="submit" name="btnConsulta" id="btnConsulta" value="GUARDAR DATOS DE ESTA DIRECCION" />
</form>
<div id="Panel_principal" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tropas</li>
<li class="TabbedPanelsTab" tabindex="0">Naves</li>
<li class="TabbedPanelsTab" tabindex="0">Defensas</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Contenido 1
<form id="form1" name="form1" method="post" action="">
</form>
</div>
<div class="TabbedPanelsContent">Contenido 2
<form id="form2" name="form2" method="post" action="">
</form>
</div>
<div class="TabbedPanelsContent">Contenido 3
<form id="form3" name="form3" method="post" action="">
</form>
</div>
</div>
</div>
<p> </p>
<p> </p>
<form id="form4" name="form4" method="post" action="">
<input type="submit" name="btnRegistrar" id="btnRegistrar" value="Registrar" />
</form>
<form id="form5" name="form5" method="post" action="">
<input type="submit" name="btnCancelar" id="btnCancelar" value="Cancelar" />
</form>
<p> </p>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("Panel_principal");
//-->
</script>
</body>
</html>