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>