Boas, como posso contar os options com a opção disabled selecionada e de forma eficiente com jquery?
2 Respostas
Não precisas de jQuery para isso. Podes fazer só com JavaScript e seletor CSS :disabled
const nrA = document.querySelectorAll('option:disabled').length;
console.log('A', nrA);
const nrB = $('option:disabled').length;
console.log('B', nrB);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="Apple">Apple</option>
<option value="Banana" disabled>Banana</option>
<option value="Orange" disabled>Orange</option>
<option value="Grape">Grape</option>
</select>
-
obrigado, pela resposta! Com jquery diminui-se o tamanho do código tornando-o mais eficiente. Commented 28/10/2017 às 16:38
-
@MusicLyricsHQ se a tua página fizer tudo sem jQuery aí sim é mais eficiente pois jQuery carrega muitas linhas de código para fazer coisas simples como esta.– SergioCommented 28/10/2017 às 16:47
-
-
No inicio você diz que
"Não precisas de jQuery para isso."
e depois a resposta é com Jquery!! De castigo, não vou lhe passar link de Sol De Janeiro - Live in South Korea :(– user60252Commented 28/10/2017 às 17:02 -
@LeoCaracciolo haha :) Eu disse que era melhor sem, mas o pedido na pergunta era com, por isso dei as duas.– SergioCommented 28/10/2017 às 18:37
Uma forma simples de contar usando jQuery:
conta = $('select option:disabled').length;
console.log(conta);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="1" disabled="disabled">A</option>
<option value="2" disabled="disabled">B</option>
<option value="3">C</option>
<option value="4" disabled="disabled">D</option>
</select>
-
muito boa, direta e reta, +1– user60252Commented 28/10/2017 às 20:55