Abrir mensagem com o combobox selecionado

TOTVS Fluig Documentos (ECM)
, ,
1

Possuo um select e gostaria que quando fosse selecionado o value 12, mostrasse uma mensagem (display: block). Consegui fazer com radio, mas não com o select.

Alguém sabe como?


<select class="form-control" name="tipo_solic" id="tipo_solic">
    <option value=""></option>
    <option value="12">Remessa de mercadoria ou bem para conserto ou reparo</option>
    <option value="13">Outras saídas não especificadas (Atenção: Obrigatório descrever operação)</option>
</select>

<div class="row" id="mensagem" style="display: none;">
                    <div class="col-md-12 col-xs-12">
                        <div class="alert alert-info" role="alert">
                            Após o término desse processo será automaticamente aberta uma nova solicitação. <br>
                            Guarde o número e utilize o mesmo para anexar a Nota Fiscal de Retorno. <br>
                        </div>
                    </div>
                </div>
2

Tenta usar o javascript:

1 - Indicar no seu select um evento de 'change', tipo assim data-mudaSelecao: 


'<select class="form-control" name="tipo_solic" id="tipo_solic"
 data-mudaSelecao>'

2 - No seu javascript, na seção 


 bindings: {
        local: {
            'execute': ['click_executeAction']
        },

ponha 


 bindings: {
        local: {
            'execute': ['click_executeAction'],
            'mudaSelecao':['change_fMudaSelecao']
        },

e na seção 


 executeAction: function(htmlElement, event) {

    }

acrescente


   executeAction: function(htmlElement, event) {

    },
fMudaSelecao:function (){
var intValor = jQuery("#tipo_solic option:selected").val()*1;
if(intValor==12){
alert ("Clicou no 12");//aqui você substitui pelo que você quer fazer
}

}
3

Marcella, você pode fazer da seguinte forma:

Adiciona o evento onchange ao seu campo select:


<select class="form-control" name="tipo_solic" id="tipo_solic" onchange="verificaValor()">
    <option value=""></option>
    <option value="12">Remessa de mercadoria ou bem para conserto ou reparo</option>
    <option value="13">Outras saídas não especificadas (Atenção: Obrigatório descrever operação)</option>
</select>

E adiciona também no seu script essa função:


function verificaValor(){

    var valorCombo = $('#tipo_solic').val();

    if(valorCombo == '12'){

        $('#mensagem').show();

    }else{

       $('#mensagem').hide();

    }

}

Pronto, com isso, quando for selecionado a opção que tem valor 12 a mensagem será exibida e quando for selecionada uma opção que não seja 12, a mensagem (sua div) será ocultada.

4

Obrigada, funcionou!!