0

Estou selecionando um select e tentando por meio do array acessar uma das options para coloca-la com o atributo selected, porém sempre que tento utilizar o .att("selected", "selected"); recebo o erro: TypeError: size[0][1].attr is not a function

Select:

<select id="size" name="size" class="selectpicker" data-title="Tamanho" data-style="btn-default btn-block" data-menu-style="dropdown-blue">
      <option value="PP" >PP</option>
      <option value="P">P</option>
      <option value="M">M</option>
      <option value="G">G</option>
      <option value="GG">GG</option>
      <option value="XGG">XGG</option>
      <option value="XXXG">XXXGG</option>
</select>

Jquery:

var size = $("#size");
size[0][1].attr('selected', 'selected');

Erro:

TypeError: size[0][1].attr is not a function

2 Respostas 2

1

Você pode usar o .get()

$(document).ready(function(){
  var size = $("#size");
  var index = 1  //seu 1;
  $(size.find('option').get(index)).attr('selected', 'selected');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="size" name="size" class="selectpicker" data-title="Tamanho" data-style="btn-default btn-block" data-menu-style="dropdown-blue">
      <option value="PP" >PP</option>
      <option value="P">P</option>
      <option value="M">M</option>
      <option value="G">G</option>
      <option value="GG">GG</option>
      <option value="XGG">XGG</option>
      <option value="XXXG">XXXGG</option>
</select>

2
  • Oque seria o index? Commented 8/01/2018 às 20:55
  • Seria a posição do option que você gostaria de selecionar, o que você pretendia com $(size[0][1]).attr('selected', 'selected'); ? Commented 9/01/2018 às 11:36
1

O problema é que você está usando .attr para alterar o atributo do objeto não jQuery. Os objetos jQuery devem estar dentro de $().

Se você quer usar JavaScript puro, teria que usar .setAttribute:

var size = $("#size");
size[0][1].setAttribute('selected', 'selected');

Ou converter o size para um objeto jQuery e usar .attr:

var size = $("#size");
$(size[0][1]).attr('selected', 'selected');

Ou você pode colocar o [0] direto na variável:

size = $("#size")[0];
size[1].setAttribute('selected', 'selected');

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 .