PHP select usando my sql

[c4i0]

olá, estou desenvolvendo um projeto pratico, onde eu estou inserindo dados de um mysql em um select.

 

até ai consegui fazer, porém eu preciso que esses dados atualizem caso eu adicionar um novo item no mysql. gostaria de passar esse codigo que fiz para uma função na qual eu possa chamar quando clicado, nao só na inicialização.

 

a função php está direto no select. e queria transforma-la em uma função para poder chamar novamente ao adicionar novo item.

<select id="select_cliente" class="selectpicker col-sm-12" data-style="btn-primary" style="height: 35px;">
		<?php
		$result_usuario = "SELECT * FROM clientes ORDER BY id ASC ";
		$resultado_usuario = mysqli_query($conn, $result_usuario);

		while($row_usuario = mysqli_fetch_assoc($resultado_usuario)){
		?>
		<option value="><?php echo $row_usuario['cliente']; ?>"><?php echo $row_usuario['cliente']; ?></option>
										<?php
									}?>
										

										
	</select>

 

[DiF]

@c4i0 Olá, seja bem vindo. 

Não precisa de função no php.

 

O que você tem ali é a consulta e a listagem dentro do elemento select.

O que você precisa é de um evento em ajax(requisição assíncrona) ao php no momento da inserção dos dados.

 

Pesquise sobre o uso do jquery e a função $.ajax().  Com ele você pode montar seu select dinamicamente.

[c4i0]

sim, eu ja dei uma pesquisada, porém nao entendi como aplicar isso a essa função

[DiF]

@c4i0 Basicamente você fará desta forma:

$(document).ready(function(){
   $("#botao-cadastrar").on('click', function(){
       //pega os dados do form
       var dados = $("form").serialize();
     
     //função ajax
      $.ajax({
          url: 'recebeDados.php',
          method: 'POST',
          dataType:'HTML',
          data: dados;
      }).done(function(retorno){
          alert(retorno);
         $('select').selectmenu('refresh', true);
      }).fail(function(retorno){
         alert(retorno)
      }); 
   });
});

o arquivo recebeDados.php é responsável por receber os dados via POST e fazer a inserção no banco de dados.

 

PS: é necessário usar o jquery mobile para usar  a função selectmenu() 

https://demos.jquerymobile.com/1.0.1/docs/forms/selects/methods.html

 

Você pode fazer um simples reload na  página também.. pois ao inserir um dado no banco de dados e atualizar a página, os dados no select serão atualizados