Hola esta ves vengo con un problemita que tengo tengo una pagina con un boton q agrega elementos select co codigo javascript pero cada ves que lo ingrese debera hacer una consulta mysql y dependiendo del resultado retorne un booleano.
Estoy perdido ademas existe un onchange que cuando lo seleccione trate de guardar el valor del seleccionado en una variable php.
Adjunto el codigo.
Código PHP:
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>Titulo</title>
<style type="text/css">
#contenido{
position:absolute;
left:248px;
top:19px;
padding:7px;
width:400px;
}
#Direcciones{
position:absolute;
width: 639px;
height: 166px;
left: 24px;
top: 106px;
}
#Botones{
position:absolute;
left: 671px;
top: 105px;
width: 293px;
height: 179px;
}
#Botones2{
position:absolute;
left: 673px;
top: 307px;
width: 293px;
height: 167px;
}
#Aceptar{
position:absolute;
left: 82px;
top: 12px;
width: 138px;
height: 36px;
}
#btnEliminar{
position:absolute;
left: 82px;
top: 63px;
width: 138px;
height: 32px;
}
#btnGuardar{
position:absolute;
left: 30px;
top: 115px;
height: 47px;
}
#btnRegistrar{
position:absolute;
left: 74px;
top: 29px;
width: 121px;
height: 47px;
}
#btnCancelar{
position:absolute;
left: 74px;
top: 97px;
width: 121px;
height: 47px;
}
#Panel_principal{
position:absolute;
width: 624px;
}
</style>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenido">
<form id="form8" name="form8" method="post" action="">
<p>Usuario
<input type="text" name="txtusuario" id="txtusuario" />
Raza
<select name="lstRazas" id="lstRazas" onchange="//recargar los divs internos de Panel_principal">
<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>
</div>
<p> </p>
<p> </p>
<p> </p>
<?php
include 'conection.php';
$link = Conectarse();
?>
<div id="Direcciones">
<form id="form9" name="form9">
<p>Direcciones</p>
<select id ="transporte" size="5" onchange="//aqui como pasaria el valor a php x medio de ajax para recargar solo el div Panel_principal">
</select>
</form></div>
<script >
function ingresar()
{
var objeto=document.getElementById("transporte");
var option=document.createElement("option");
var MiVariable=prompt("Ingresa Direccion")
option.text=MiVariable;
try
{
// for IE earlier than version 8
if(direccion_libre(MiVariable))
{
objeto.add(option,objeto.options[null]);
}
}
catch (e)
{
objeto.add(option,null);
}
}
function direccion_libre(variable)
{
var resul = false;
//Aca iria la forma de como consultar a mysql y este retorne un valor
return true;
}
</script>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="Botones">
<p>
<input type="submit" name="Aceptar" id="Aceptar" value="Agregar" onclick="ingresar()" />
</p>
<form id="form7" name="form7" method="post" action="">
<input type="button" name="btnEliminar" id="btnEliminar" value="Eliminar" />
</form>
<form id="form5" name="form5" method="post" action="">
<input type="submit" name="btnGuardar" id="btnGuardar" value="GUARDAR DATOS DE ESTA DIRECCION" />
</form>
<p>
</p>
</div>
<p> </p>
<div id="Panel_principal" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Ficha 1</li>
<li class="TabbedPanelsTab" tabindex="0">Ficha 3</li>
<li class="TabbedPanelsTab" tabindex="0">Ficha 2</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>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("Panel_principal");
//-->
</script>
<div id="Botones2">
<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></div>
</body>
</html>
Eh puesto con // lo que necesito ayudaaaa!!