Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/04/2018, 07:58
Berman
 
Fecha de Ingreso: abril-2016
Mensajes: 19
Antigüedad: 8 años, 1 mes
Puntos: 1
Como ejecutar una funcion javaScript con php dentro

Hola buenas he estado buscando pero no encuentro una solución para mi problema.
tengo un div en el que muestro un listado de músicos por genero. El usuario elige un genero con un select y le da a consultar y se muestran.

Esto me funciona pero quiero que el botón del submit no recargue la pagina. He pensado que podria usar un button con un onclick y ejecutar una funcion javascript con todo el php dentro de la funcion.
Código PHP:
Ver original
  1. <div id="listadoMusicos">
  2.                 <center>
  3.                     <h1>Listado de Músicos por Género</h1>
  4.                     <form method="POST">
  5.                         Listado de músicos del género <select name="genero">
  6.                             <?php
  7.                             $listadoGeneros = recogerGenero();
  8.                             while ($fila = mysqli_fetch_assoc($listadoGeneros)) {
  9.                                 echo "<option value='" . $fila['idgenero'] . "'>";
  10.                                 echo $fila['nombre'];
  11.                                 echo "</option>";
  12.                             }
  13.                             ?>
  14.                         </select><br>
  15.                     </form>
  16.                     <button onclick="funcionMostrarTabla()">Consultar</button>
  17.                     <script>
  18.                         function funcionMostrarTabla() {
  19.                             //como hacer que el php de abajo funcione aqui dentro
  20.                            
  21.                         }
  22.                     </script>    
  23.                     <?php
  24.                     $listadoMusicos = recogerMusicosPorGenero($_POST['genero']);
  25.                     ?>
  26.                     <table border='1' cellspacing='0'>
  27.                         <tr>
  28.                             <th>Músico</th><th>Numero de componentes</th><th>Web</th>
  29.                         </tr>
  30.                         <?php
  31.                         while ($fila = mysqli_fetch_assoc($listadoMusicos)) {
  32.                             echo "<tr align='center'>";
  33.                             foreach ($fila as $dato) {
  34.                                 echo "<td>" . $dato . "</td>";
  35.                             }
  36.                             echo "</tr>";
  37.                         }
  38.                         ?>
  39.                     </table>
  40.                 </center>
  41.             </div>