elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  ayuda con select list		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ayuda con select list  (Leído 1,380 veces)
geshiro

Desconectado Desconectado

Mensajes: 178


Ver Perfil
ayuda con select list
« en: 27 Junio 2015, 00:35 am »
como puedo hacer para que cuando elija female o male que lo muestra en el grid quien me ayuda hacerlo

Código
  1. <!DOCTYPE HTML>
  2. <html lang="en">
  4.   <meta charset="UTF-8">
  5.   <title>employee</title>
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.    <link rel="stylesheet" href="css/bootstrap.css">
  8.    <link rel="stylesheet" href="css/login.css">
  9. </head>
  11.   <nav class="navbar navbar-default">
  12.   <div class="container-fluid">
  13.     <!-- Brand and toggle get grouped for better mobile display -->
  14.     <div class="navbar-header">
  15.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  16.         <span class="icon-bar"></span>
  17.         <span class="icon-bar"></span>
  18.         <span class="icon-bar"></span>
  19.       </button>
  20.       <a class="navbar-brand" href="#">Daycare</a>
  21.     </div>
  22.     <ul class="nav navbar-nav navbar-right">
  23.         <li class="dropdown">
  24.           <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user">Profile</span><span class="caret"></span></a>
  25.           <ul class="dropdown-menu" role="menu">
  26.             <li><a href="#"><span class="glyphicon glyphicon-cog"></span>Settings</a></li>
  27.             <li><a href="#"><span class="glyphicon glyphicon-edit"></span>Edit</a></li>
  28.             <li><a href="#"><span class="glyphicon glyphicon-repeat"></span>Change your password</a></li>
  29.             <li class="divider"></li>
  30.             <li><a href="#"><span class="glyphicon glyphicon-off">Sign out</span></a></li>
  31.           </ul>
  32.         </li>
  33.       </ul>
  34.       <ul class="nav navbar-nav navbar-right">
  35.         <li class="dropdown">
  36.           <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-flag">Reports</span><span class="caret"></span></a>
  37.           <ul class="dropdown-menu" role="menu">
  38.             <li><a href="#">Top seller list</a></li>
  39.             <li><a href="#">Top seller list</a></li>
  40.           </ul>
  41.         </li>
  42.       </ul>
  43.       <ul>
  44.       <ul class="nav navbar-nav navbar-right">
  45.         <li><a href="#"><span class="glyphicon glyphicon-home">Parents</span></a></li>
  46.         <li><a href="#"><span class="glyphicon glyphicon-home">Category</span></a></li>
  47.       <ul>
  48. </nav>
  49. <div class="container">
  50. <div class="row">
  51. <div class="col-md-3">
  52.   <ul class="nav nav-pills nav-stacked">
  53.       <li class="active"><a href="index_employee.php"><span class="glyphicon glyphicon-home"></span>Home</a></li>
  54.       <li><a href="#">Presentation</a></li>
  55.        <li><a href="#">aaa</a></li>
  56.         <li><a href="#">Home</a></li>
  57.          <li><a href="#">Home</a></li>
  58.           <li><a href="#">Home</a></li>
  59.            <li><a href="#">Users</a></li>
  60.   </ul>
  61. </div>
  62. <div class="col-md-9 well">
  63.  <div>
  64.     <form  method="POST" class="navbar-form navbar-left" action="add_kids.php">
  65.          <button type="button" class="btn btn-success" data-toggle="modal" data-target="#add-modal"><span class="glyphicon glyphicon-plus"></span>Add kids</button>
  66.          <input type="text" class="form-control" placeholder="search" id="search">
  67.  
  68.       <br/>
  69.  
  70.       <div class="modal fade" id="add-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  71.         <div class="modal-dialog">
  72.           <div class="modal-content">
  73.             <div class="modal-header">
  74.               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  75.               <h4 class="modal-title" id="myModalLabel">Add kids</h4>
  76.                </div>
  77.                <div class="modal-body">
  78.               <form method="POST">
  79.               <div class="form-group">
  80.                 <label for="baby-name">Baby name</label>
  81.                 <input type="text" class="form-control" name="bby-name">
  82.               </div>
  83.               </br>
  84.              <div class="form-group">
  85.                 <label for="Gender">Gender</label>
  86.                 <select class="form-control" name="Gender">
  87.                     <option value="aa">Select an option</option>
  88.                      <?php
  89.                      include_once("conexion.php");
  90.                      $Gender =  mysql_query("SELECT * FROM ")
  91.                     <option id="F">Female</option>
  92.                     <option id="M">Male</option>
  93.                     ?>
  94.                 </select>
  95.               </div>
  96.             </br>
  97.               <div class="form-group">
  98.                 <label for="age">Age</label>
  99.                 <input type="text" class="form-control" name="age">
  100.               </div>
  101.               </br>
  102.               <div class="form-group">
  103.                 <label for="phone">Phone</label>
  104.                 <input type="text" class="form-control" name="phone">
  105.               </div>
  106.               </br>
  107.               <div class="form-group">
  108.                 <label>Parent's name</label>
  109.                 <input type="text" class="form-control"  name="parents_name">
  110.               </div>
  111.             </form>
  112.             </div>
  113.             <div class="modal-footer">
  114.               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  115.               <button type="submit" name="submit" class="btn btn-success">Submit</button>
  116.                </div>
  117.         </div>        
  118.            </div>
  119.            </div>
  120.           </form>
  121.         </div>
  122.     </div>
  123. </div>
  124.     <!-- Tab panes -->
  125. <div class="container" id="name">
  126.  <ul class="nav" role="tablist">
  127.      <li class="active"><a href="#daftar" role="tab" data-toggle="tab">Data</a></li>
  128.  </ul>
  129.  <!-- Tab panes -->
  130.  <div class="tab-content" id="table2">
  131.   <div class="table-responsive">
  132.    </br>
  133.    <table class="table table-hover">
  134.         <thead>
  135.           <tr>
  136.             <th>ID</th>
  137.             <th>Name</th>
  138.             <th>Gender</th>
  139.             <th>Age</th>
  140.             <th>Phone</th>
  141.             <th>Actions</th>
  142.           </tr>
  143.           <?php 
  144.             include ("conexion.php");
  145.             $sql = "SELECT * FROM baby_names";
  146.             $records = mysql_query($sql) or die (mysql_error());
  147.  
  148.          while($row = mysql_fetch_assoc($records))
  149.          {
  150.  
  151.            echo "<tr>";            
  152.            echo "<td>".$row['ID_baby']."</td>";
  153.            echo "<td>".$row['Baby_name']."</td>";
  154.            echo "<td>".$row['Baby_name']."</td>";
  155.            echo "<td>".$row['age']."</td>";
  156.            echo "<td></td>";
  157.            echo "<td>
  158.                     <form method='POST' action='action_page.php'>
  159. <div>
  160.    <form  method='POST' class='navbar-form navbar-left' action='add_kids.php'>
  161.          <button type='button' name='edit' class='btn btn-warning' data-toggle='modal' data-target='#edit-modal' value='".$row['ID_baby']."'><span class='glyphicon glyphicon-edit'></span>Edit</button>
  162.          <button type='submit' name='delete' class='btn btn-danger' value='".$row['ID_baby']."'><span class='glyphicon glyphicon-trash'></span>Delete</button>
  163.      <div class='modal fade' id='edit-modal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
  164.         <div class='modal-dialog'>
  165.           <div class='modal-content'>
  166.             <div class='modal-header'>
  167.               <button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
  168.               <h4 class='modal-title' id='myModalLabel'>Add kids</h4>
  169.                </div>
  170.                <div class='modal-body'>
  171.               <form method='POST'>
  172.               <div class='form-group'>
  173.                 <label for='baby-name'>Baby name</label>
  174.                 <input type='text' class='form-control' name='bby-name'>
  175.               </div>
  176.              <div class='form-group'>
  177.                 <label for='Gender'>Gender</label>
  178.                 <select class='form-control' name='Gender'>
  179.                     <option>Select an option</option>
  180.                     <option id='F'>Female</option>
  181.                     <option id='M'>Male</option>
  182.                 </select>
  183.               </div>
  184.               <div class='form-group'>
  185.                 <label for='age'>Age</label>
  186.                 <input type='text' class='form-control' name='age'>
  187.               </div>
  188.               <div class='form-group'>
  189.                 <label for='phone'>Phone</label>
  190.                 <input type='text' class='form-control' name='phone'>
  191.               </div>
  192.               <div class='form-group'>
  193.                 <label>Parent's name</label>
  194.                 <input type='text' class='form-control'  name='parents_name'>
  195.               </div>
  196.             </form>
  197.             </div>
  198.             <div class='modal-footer'>
  199.               <button type='button' class='btn btn-default' data-dismiss='modal'>Close</button>
  200.               <button type='submit' name='edit' class='btn btn-success'>Edit</button>
  201.                </div>
  202.         </div>        
  203.             </div>
  204.           </div>
  205.        </div>
  206.     </div>
  207.  </div>
  208.                 </td>";
  209.            echo'';
  210.  
  211.  
  212.            echo "</tr>";     
  213.          }//endwhile      
  214.      ?>           
  215.         </thead>
  216.  
  217.         <tbody>
  218.             </tbody>
  219.        </table>
  220.       </div>
  221.   </div>
  222. </div>
  223.      <script src="js/jquery.js"></script>
  224.      <script src="js/bootstrap.js"></script>
  225.      <script src="js/elements.js"></script>
  226.      <script src="js/actions.js"></script>
  227. </body>
  228. </html>
  229.  
  230.  
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
AYUDA CON UN LIST
Programación Visual Basic 		Xephiro 6 1,618 Último mensaje 27 Abril 2006, 03:45 am
por Xephiro
Struts2 + select list
Java 		athlit 0 5,180 Último mensaje 1 Octubre 2010, 11:49 am
por athlit
Duda con List.list en programa
Programación Visual Basic 		b_rabbit10 2 1,807 Último mensaje 17 Septiembre 2012, 04:47 am
por b_rabbit10
Mostrar List al pulsar en un elemento de otra List en AWT
Java 		kikian94 4 2,010 Último mensaje 28 Marzo 2015, 17:33 pm
por Usuario Invitado
[Resuelto] Select List
Desarrollo Web 		ElInquisidor 4 2,905 Último mensaje 17 Julio 2015, 03:23 am
por ElInquisidor
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines