2

Tenho esse select com multiplos select

<tr>
                                <td width="10%" class="label_right">Autorização Prévia: &nbsp;</td>
                                <td class="label_left">
                                    <select id="ddl_autorizacaoprevia" multiple>
                                        <option value="0">TODAS AS AUTORIZAÇÕES</option>
                                        <option value="T">TÉCNICA / ADMINISTRATIVA</option>
                                        <option value="A">SISTÊMICA</option>
                                        <option value="N">NÃO PRECISA</option>
                                    </select>
                                </td>
                            </tr>

O que desejo é que quando eu selecionar "TODAS AS AUTORIZAÇÕES", todas as outras deveriam ser selecionadas e quando eu clicar em qualquer outra, todas as selecionadas deveriam ser desmarcadas e apenas a selecionada deveria estar marcada(selecionada). Realmente não sei como fazer isso. Estou procurando na internet, mas até agora não achei nada.

1 Resposta 1

1

Com jquery seria algo assim:

$(document).ready(function(){

   $('#ddl_autorizacaoprevia option').click(function(){
       var that = $(this);
       if ($(that).val() == 0){
          $('#ddl_autorizacaoprevia option').each(function(){
             $(this).attr('selected', 'selected');
          });
       }  else  {
          $('#ddl_autorizacaoprevia option').each(function(){
             $(this).removeAttr('selected'); 
          });
          $(that).attr('selected', 'selected');
       }

   }

});

Algo nessa linha deve resolver seu problema

10
  • Thiesen, o que é optSelected?
    – pnet
    Commented 19/01/2016 às 18:28
  • Troquei o optSelected por option.Selected, mas dá esse erro: Uncaught ReferenceError: option is not defined. Preciso de algum include?
    – pnet
    Commented 19/01/2016 às 18:34
  • Editei ali, na verdade voce tem que pegar o cara que recebeu o click
    – Thiesen
    Commented 19/01/2016 às 18:54
  • Sim, fiz isso e marca todos, mas não consigo marcar apenas um. Eu seleciono, por exemplo e quando eu clico em uma opção, não fica selecionada.
    – pnet
    Commented 19/01/2016 às 18:59
  • 1
    Resolvi. that.attr('selected', 'selected'); ao invés de $(that).attr('selected');
    – pnet
    Commented 19/01/2016 às 19:02

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 .