Skip to main content
adicionou 356 caracteres ao conteúdo
Fonte Link
Leandro Angelo
  • 9,4mil
  • 3
  • 23
  • 35

Se a sua questão é sobre apresentarPara o primeiro item da lista com valor selecionadaselect2() você pode alterarsetar o seu seletorvalor da sua option e disaparar o evento de change.

$(document).ready(() => {
  $('#idUJ').select2();
 
 //seleciona o valor da posição desejada
 let valor =  $("#idUJ option:eq(1)").attrval('selected',)
 'selected'
 //seleciona no select2 e disapara o evento
 $('#idUJ').val(valor).trigger('change');
 
});
@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css';
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<div class="form-group">
  <label class="col-sm-2 control-label"><fmt:message key="label.sagresPessoal.tela.prestacao.unidade.jurisdicionada" /></label>
  <div class="col-sm-8">
    <select id="idUJ" name="prestacaoFolha.idUnidadeGestora" class="form-control select2 ">
      <option value="">-</option>
      <option value="">Empresavalue="a">Empresa 1</option>
      <option value="">Empresavalue="b">Empresa 2</option>
      <option value="">Empresavalue="c">Empresa 3</option>

    </select>
  </div>
</div>

Se a sua questão é sobre apresentar o primeiro item da lista com valor selecionada você pode alterar o seu seletor

$(document).ready(() => {
  $("#idUJ option:eq(1)").attr('selected', 'selected');
});
@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="form-group">
  <label class="col-sm-2 control-label"><fmt:message key="label.sagresPessoal.tela.prestacao.unidade.jurisdicionada" /></label>
  <div class="col-sm-8">
    <select id="idUJ" name="prestacaoFolha.idUnidadeGestora" class="form-control select2 ">
      <option value="">-</option>
      <option value="">Empresa 1</option>
      <option value="">Empresa 2</option>
      <option value="">Empresa 3</option>

    </select>
  </div>
</div>

Para o select2() você pode setar o valor da sua option e disaparar o evento de change.

$(document).ready(() => {
  $('#idUJ').select2();
 
 //seleciona o valor da posição desejada
 let valor =  $("#idUJ option:eq(1)").val()
 
 //seleciona no select2 e disapara o evento
 $('#idUJ').val(valor).trigger('change');
 
});
@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css';
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<div class="form-group">
  <label class="col-sm-2 control-label"><fmt:message key="label.sagresPessoal.tela.prestacao.unidade.jurisdicionada" /></label>
  <div class="col-sm-8">
    <select id="idUJ" name="prestacaoFolha.idUnidadeGestora" class="form-control select2 ">
      <option value="">-</option>
      <option value="a">Empresa 1</option>
      <option value="b">Empresa 2</option>
      <option value="c">Empresa 3</option>

    </select>
  </div>
</div>

Fonte Link
Leandro Angelo
  • 9,4mil
  • 3
  • 23
  • 35

Se a sua questão é sobre apresentar o primeiro item da lista com valor selecionada você pode alterar o seu seletor

$(document).ready(() => {
  $("#idUJ option:eq(1)").attr('selected', 'selected');
});
@import 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css';
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="form-group">
  <label class="col-sm-2 control-label"><fmt:message key="label.sagresPessoal.tela.prestacao.unidade.jurisdicionada" /></label>
  <div class="col-sm-8">
    <select id="idUJ" name="prestacaoFolha.idUnidadeGestora" class="form-control select2 ">
      <option value="">-</option>
      <option value="">Empresa 1</option>
      <option value="">Empresa 2</option>
      <option value="">Empresa 3</option>

    </select>
  </div>
</div>