0

Estou tentando fazer com que o select abaixo, que puxa dados de um sql quando selecionado a opção, altere o valor no input ao lado, também vindo do banco de dados sql.

Qual seria a melhor opção?

Segue o codigo.

<tr>
  <td>

    Servico:

  </td>
  <td>
    <select name='servico[]' id="servico[]" style="text-transform:uppercase">
      <?php

    $sql="SELECT * FROM servicos ORDER BY nome";

    $resultado=mysql_query ($sql) or die ("Problema na lista!");

    while ($linha=mysql_fetch_array ($resultado))

    {

    $id=$linha["id"];
    $cliente=$linha["nome"];

    ?>
        <option>
          <?=$cliente?>
        </option>
        <?
    }
    ?>
    </select>
  </td>
  <td>

    Valor:

    <input name="valor[]" type="text" id="valor[]" size="6">
  </td>

</tr>
2
  • Não entendi. Você que que, ao selecionar itens no <select />, eles aparecem no <input />? Tipo, separados por vírgula, algo assim? 4/05/2016 às 12:03
  • eles vem dinamicamente por sql, preenchem o select. Mas cada select deste, é um serviço, que contem um valor ($). queria que este valor aparecesse no input quando trocasse o serviço nas opções do select. 4/05/2016 às 12:04

1 Resposta 1

1

Para melhor atender a sua necessidade, ou seja, recuperar o valor de acordo com o produto selecionado no campo select vou apresentar a seguinte solução:

  1. Fazer com que quando o valor do select for alterado, seja criado um evento que dispare uma requisição que retorne o valor do produto em formato JSON.

Segue abordagem:

<?php
$sql = "SELECT * FROM servicos ORDER BY nome";
$resultado = mysql_query ($sql) or die ("Problema na lista!");
?>
<select name='servico' id="idservico" style="text-transform:uppercase">
    <option value=''> Selecione</option>
    <?php while ($servico = mysql_fetch_object($resultado)): ?>
    <option value="<?php echo $servico->id?>"> <?php echo $servico->nome?> </option>
    <?php endwhile ?>
</select>
<br />
<input name="valor" type="text" id="idvalor" />

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type='text/javascript'>
$( document ).ready(function() {
    // altera valor do campo
    function alteraValorCampo() {
        var idservico = $( "#idservico" ).val();

         var data = {
          "action": "obtervalor",
          "idservico" : idservico
        };
        data = "&" + $.param(data);
        $.ajax({
          type: "POST",
          dataType: "json",
          url: "obtemvalor.php",
          data: data,
          success: function(data) {
            $("#idvalor").val(data.valor);
          }
        });
        return false;
    }

    $( "#idservico" ).change( alteraValorCampo );
    alteraValorCampo();
});
</script>

Agora, vamos criar o arquivo obtemvalor.php que será responsável por recuperar o valor do produto selecionado no campo select.

<?php
if (is_ajax()) {
  if (isset($_POST["action"]) && !empty($_POST["action"])) { //Checa se valor existe
    $action = $_POST["action"];
    $id = $_POST['idservico'];
    switch($action) {
      case "obtervalor": obter_valor_servico($id);
      break;
    }
  }
}

//Funcao que checa se a requisicao ajax e valida.
function is_ajax() {
  return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
}

function obter_valor_servico($id){
    $sql = "SELECT id, valor FROM servicos WHERE id = ".intval($id);
    $resultado = mysql_query ($sql) or die ("Problema na lista!");

    $linha = mysql_fetch_object($resultado);

    echo json_encode($linha);
}
?>

Dessa forma, sempre que houver a seleção de um serviço, o campo valor receberá o valor do mesmo.

Tecnologias utilizadas para solução: Jquery, PHP e AJAX.

7
  • Fiz como acima, porem ele resulta no mesmo nome do serviço, e não no campo valor que está na mesma linha no registro no sql. 4/05/2016 às 22:31
  • Você que que apareça o preço do produto no campo valor?
    – Léo Renis
    5/05/2016 às 12:46
  • 1
    Veja se agora atende sua necessidade. Se atender, peço que qualifique a resposta. Por favor!
    – Léo Renis
    5/05/2016 às 13:53
  • 1
    Favor, testar novamente! Fiz as correções e em seguida realizei testes aqui e funcionou.
    – Léo Renis
    5/05/2016 às 17:55
  • 1
    Poxa, bacana! Fico feliz. Pô mano, dê um voto positivo aí pra nós. Heehee
    – Léo Renis
    5/05/2016 às 18:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .