jquery

jquery id value



Contando el nĂºmero de etiquetas de opciones en el elemento Seleccionar Dom en JQuery (8)

Cómo contar la cantidad de opciones en un elemento DOM seleccionado usando jQuery .

<select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select>

Cómo encontrar el número de etiquetas de opciones en el elemento DOM select ya que con eso quiero abrir el panel Configuración con ese número de campos de entrada con el valor de opción correspondiente en el cuadro desplegable y cambiarlo nuevamente en el panel Vista previa.

Donde el cuadro desplegable de arriba está en mi panel de vista previa que es generado por jQuery.


En un cuadro de opción de selección múltiple, puede usar $(''#input1 :selected'').length; para obtener el número de opciones seleccionadas. Esto puede ser útil para desactivar botones si no se cumple un cierto número mínimo de opciones.

function refreshButtons () { if ($(''#input :selected'').length == 0) { $(''#submit'').attr (''disabled'', ''disabled''); } else { $(''#submit'').removeAttr (''disabled''); } }


La mejor forma es esta

$(''#example option'').length


La solución W3C:

var len = document.getElementById("input1").length;


Ok, tuve algunos problemas porque estaba dentro de una

$(''.my-dropdown'').live(''click'', function(){ });

Tenía muchos dentro de mi página y por eso utilicé una clase.

Mi menú desplegable se rellenó automáticamente con una solicitud de Ajax cuando hice clic en él, por lo que solo tenía el elemento $ (esto)

asi que...

Tenía que hacer:

$(''.my-dropdown'').live(''click'', function(){ total_tems = $(this).find(''option'').length; });


Otro enfoque que puede ser útil.

$(''#select-id'').find(''option:selected'').length


Puede usar cualquier propiedad de length y la length es mejor que el size .

$(''#input1 option'').length;

O puede usar la función de size como

$(''#input1 option'').size();

Demo


Su pregunta es un poco confusa, pero suponiendo que desea mostrar el número de opciones en un panel:

<div id="preview"></div>

y

$(function() { $("#preview").text($("#input1 option").length + " items"); });

No estoy seguro de entender el resto de tu pregunta.


$(''#input1 option'').size();

Esto producirá 2.

Aquí está el Fiddle trabajo