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

 

 


Tema destacado: Introducción a Git (Primera Parte)


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


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,056 Último mensaje 27 Abril 2006, 03:45 am
por Xephiro
Struts2 + select list
Java
athlit 0 4,624 Último mensaje 1 Octubre 2010, 11:49 am
por athlit
Duda con List.list en programa
Programación Visual Basic
b_rabbit10 2 1,111 Ú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 1,162 Último mensaje 28 Marzo 2015, 17:33 pm
por Usuario Invitado
[Resuelto] Select List
Desarrollo Web
ElInquisidor 4 1,806 Último mensaje 17 Julio 2015, 03:23 am
por ElInquisidor
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines