Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- </style>
- <script src="jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $('#especialidade').on('change',function(){
- var especialidadeID = $(this).val();
- if(especialidadeID){
- $.ajax({
- type:'POST',
- url:'ajaxFile.php',
- data:'Cod_especialidade='+especialidadeID,
- success:function(html){
- $('#medico').html(html);
- $('#horario').html('<option value="">Selecione medico first</option>');
- }
- });
- }else{
- $('#medico').html('<option value="">Selecione especialidade primeiro</option>');
- $('#horario').html('<option value="">Selecione medico primeiro</option>');
- }
- });
- $('#medico').on('change',function(){
- var medicoID = $(this).val();
- if(medicoID){
- $.ajax({
- type:'POST',
- url:'ajaxFile.php',
- data:'Cod_medico='+medicoID,
- success:function(html){
- $('#horario').html(html);
- }
- });
- }else{
- $('#horario').html('<option value="">Selecione médico primeiro</option>');
- }
- });
- });
- </script>
- </head>
- <body>
- <center>
- <div style='margin-top:50px;'>
- <h2>Especialidade, médico e horário dropdown box using jquery in Php.</h2><br>
- <h4> Fonte:http://www.coderglass.com/jquery/country-state-city-dropdown-jquery.php</h4>
- <br>
- <?php
- //Include database configuration file
- include('config.php');
- //Get all especialidade data
- $query = mysqli_query($con,"SELECT * FROM especialidade ORDER BY Nome_especialidade ASC");
- //Count total number of rows
- $count = mysqli_num_rows($query);
- ?>
- <select name="especialidade" id="especialidade">
- <option value="">Selecione Especialidade</option>
- <?php
- if($count > 0){
- while($row = mysqli_fetch_array($query)){
- $Cod_especialidade=$row['Cod_especialidade'];
- $Nome_especialidade=$row['Nome_especialidade'];
- echo "<option value='$Cod_especialidade'>$Nome_especialidade</option>";
- }
- }else{
- echo '<option value="">Especialidade não disponível</option>';
- }
- ?>
- </select><br><br>
- <select name="medico" id="medico">
- <option value="">Selecione especialidade primeiro</option>
- </select>
- <br><br>
- <select name="horario" id="horario">
- <option value="">Selecione medico primeiro</option>
- </select>
- </div>
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment