¿Cómo verifico, usando jQuery, cuántas opciones hay en un menú desplegable?
Gracias.
¿Cómo verifico, usando jQuery, cuántas opciones hay en un menú desplegable?
Gracias.
Respuestas:
var length = $('#mySelectList').children('option').length;
o
var length = $('#mySelectList > option').length;
Esto supone que su <select>
lista tiene un ID de mySelectList
.
$("#mydropdown option").length
O si ya tiene una referencia,
$(myDropdown).find("option").length
Utilice la propiedad length o el método size para averiguar cuántos elementos hay en una colección jQuery. Utilice el selector de descendientes para seleccionar todos <option>
los dentro de a <select>
.
HTML:
<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>
JQuery:
var numberOfOptions = $('select#myDropDown option').length
Y una nota rápida, a menudo tendrá que hacer algo en jquery para algo muy específico, pero primero debe ver si existe algo muy específico. La propiedad de longitud es la herramienta perfecta. ejemplo:
if($('#myDropDown option').length > 0{
//do your stuff..
}
Esto se 'traduce' a "Si el elemento con ID = myDropDown tiene alguna opción" descendiente, haga lo que necesite hacer.
Haga clic aquí para ver una publicación anterior sobre esto
Básicamente, solo apunte a la ID de la selección y haga esto:
var numberOfOptions = $('#selectId option').length;
$('#idofdropdown option').length;
Deberias hacer eso.
Obtener la cantidad de opciones en un elemento seleccionado en particular
$("#elementid option").length
alert($('#select_id option').length);
$('select option').length;
o
$("select option").size()
.size()
es útil si desea encadenar
Con javascript puro, puede simplemente llamar a la longitud en la identificación del cuadro de selección. Será más rápido. Por lo general, con todo lo que el javascript nativo funciona cada vez mejor con los navegadores modernos
Esto se puede lograr en javascript por
var dropdownFilterSite = document.querySelector( '#dropDownId' ); //Similar to jQuery
var length = dropdownFilterSite.length.
Buen sitio web para aprender
www.youmightnotneedjquery.com
Un buen video para ver de Todd Motto
.children('option').length;
fue la única forma en que pude obtener la opción real count / select.length después de poblar mi lista de selección dinámicamente a través de ajax en el .done ({}); usando .append (). ¡Camino a seguir!