1

Tenho 2 selects, e quero fazer com que quando um dos select estiver com uma opção diferente de vazio, o outro select entre em disable.

Segue meu código:

<script type="text/javascript">
 function handleSelect() {
 if (this.value == '30') {
     document.getElementById('agente_id').disabled = true;
 } else {
     document.getElementById('agente_id').disabled = false;
 }
 }
  </script>
  <div class='container'>
<form method="get" action="/financeiro/gerar_relatorios">
<div class='panel panel-primary'>        
    <div class='panel-heading'><B>FILTRAR COMISSÕES POR PERÍODO</b></div>        
    <div class='panel-body'>       
        <div class='row'>
            <div class='col-xs-6'>
                <?= $this->Form->input('data_inicio', array('class' => 'form-control mask_date','value'=> @$_GET['data']['data_inicio'])); ?>
            </div>
            <div class='col-xs-6'>
                <?= $this->Form->input('data_fim', array('class' => 'form-control mask_date','value'=> @$_GET['data']['data_fim'])); ?>
            </div>
        </div>
        <div class='row'>
            <div class='col-xs-6'>
                 <?= $this->Form->input('colaborador_id', array('class' => 'form-control','empty'=>'Filtrar todos colaboradores','value'=> @$_GET['data']['colaborador_id'])); ?>
            </div>
            <div class='col-xs-6'>
                 <?= $this->Form->input('agente_id', array('class' => 'form-control','empty'=>'Filtrar todos agentes','value'=> @$_GET['data']['agente_id'])); ?>
            </div>
        </div>
        <div class='row'>
            <div class='col-xs-6'>
                 <?= $this->Form->input('compra', array('class' => 'form-control','placeholder' => 'Filtre pelo número da compra','value'=> @$_GET['data']['compra'])); ?>
            </div>
        </div>
    </div>        
    <div class='panel-footer'>
        <?= $this->Form->submit('Filtrar', array('class' => 'btn btn-info')); ?>
    </div>        
</div>
</form>

A minha dúvida é, como instanciar essa função js no select?

1 Resposta 1

2

Tente da seguinte maneira:

<?= $this->Form->input('compra', 
                    array('class' => 'form-control',
                          'placeholder' => 'Filtre pelo número da compra',
                          'value' => @$_GET['data']['compra'], 
                          'onchange' => "handleSelect(this);")
                   ); ?>
8
  • Fiz desta maneira, mas quando seleciono a opção que o value é 30, o select agente_id, continua habilitado. Commented 29/09/2015 às 13:52
  • ok, mas ele está entrando na função do handleSelect ? caso esteja veja o que vem no this.value e poste aqui Commented 29/09/2015 às 14:06
  • estou tentando debugar no fireBug, mas no console não mostra nada. Commented 29/09/2015 às 14:10
  • coloque um console.log dentro da função antes da condição Commented 29/09/2015 às 14:12
  • desta maneira? ` function handleSelect() { console.log(this); if (this.value == '30') { document.getElementById('agente_id').disabled = true; } }` Commented 29/09/2015 às 14:18

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 .