1

Tenho o seguinte codigo

$query = mysql_query("SELECT id, nome, situacao FROM clientes ORDER BY nome") or print mysql_error()

<select class="js-example-basic-single form-control" id="cliente" name="cliente">
   <option value="Selecione o Cliente"> Selecione o Cliente</option>
        <?php                           
          while($dados = mysql_fetch_array($query)) { ?>
           <option value="<?php echo $dados['id'] ?>">
        <?php 
        if ($dados['situacao']==1) {
          $dados['situacao']='Em dia';
        } else {
          $dados['situacao']='Devendo';
        }
          echo $dados['nome'] . ' -> '. $dados['situacao']; 
        ?>
        </option>
        <?php } ?>
    </select>

Precisava que com a mesma verificacao do campo situacao, mostrasse um alert mostrando que o cliente esta devendo

1 Resposta 1

1

Voce pode verificar se na string dentro da sua option que foi selecionada tiver a palavra Devendo, ele mostra o alert.

Se utilizar jQuery é uma opção:

$('select').on('change', function(){ 
  if( $(this).find('option:selected').text().indexOf('Devendo') > 0) {
    alert('O Cliente esta devendo!');
  }
});

Caso não queira utilizar jQuery, abaixo segue só em Javascript:

var element = document.getElementById('cliente');

element.addEventListener("change", myFunction);

function myFunction() {
    var curSelected = this.querySelectorAll('option:checked')[0];
    if(curSelected && curSelected.innerHTML.indexOf('Devendo') > 0){
        alert ("O Cliente está devendo!");
    }
}

Você pode verificar funcionando conforme abaixo:

/* utilizando jQuery */
$('select').on('change', function(){ 
  if( $(this).find('option:selected').text().indexOf('Devendo') > 0) {
    alert('O Cliente esta devendo pelo jQuery!');
  }
});



/* utilizando apenas Javascript */
var element = document.getElementById('cliente');

element.addEventListener("change", myFunction);

function myFunction() {
    var curSelected = this.querySelectorAll('option:checked')[0];
    if(curSelected && curSelected.innerHTML.indexOf('Devendo') > 0){
    	alert ("O Cliente está devendo pelo Javascript!");
    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="js-example-basic-single form-control" id="cliente" name="cliente">
   <option value="Selecione o Cliente"> Selecione o Cliente</option>
   <option value="Selecione o Cliente2"> Selecione o Cliente 2 Devendo</option>
   <option value="Selecione o Cliente3"> Selecione Devendoo Cliente</option>
   <option value="Selecione o Cliente4"> Selecione o Cliente</option>
</select>

16
  • O OP comentou que estava usando jQuery? Se não, é temerário assumir que ele incluiria a biblioteca só por causa de um alert()...
    – Wtrmute
    Commented 17/03/2017 às 19:25
  • Essa é uma opção ... ele tb não disse que não poderia usar jQuery... de qq forma da pra fazer do mesmo jeito usando só JavaScript...
    – andrepaulo
    Commented 17/03/2017 às 19:29
  • putz tentei aqui nao funcionou
    – wribeiro
    Commented 17/03/2017 às 19:41
  • @wribeiro posta o resultado final do seu html... por favor - sem o PHP
    – andrepaulo
    Commented 17/03/2017 às 20:28
  • 1
    Em vez de dar um downvote na resposta, é melhor pedir pro OP melhorar a pergunta. Porque para um alert é só fazer: <script type="text/javascript"> var situacao = "<?= $dados['situacao'] ?>"; if(situacao == "Devendo"){ alert("Devendo!");} </script> Commented 17/03/2017 às 22:42

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 .