Selecting select boxes with a text pattern and a number in jQuery

Question

I need to select the list of select boxes with the id pattern as follows.

id_social_media-0
id_social_media-1
id_social_media-2

I can not use $('select[id^=id_social_media-').each() since there is a hidden element as id_social_media-__empty. I tried with id_social_media-\d, but it does not work.

is that hidden element also select-box ? Also has that element is hidden you can use :visible i.e :$('select[id^=id_social_media-]:visible').each(function() { — Swati
– Swati, Commented Dec 26, 2020 at 13:16
Maybe you want a regex filter function similar to this one stackoverflow.com/a/28734135/12684693 — FSDford
– FSDford, Commented Dec 26, 2020 at 13:18

PHP Guru · Accepted Answer · 2020-12-26 19:23:35Z

1

You could use the :not selector to exclude results you don't want:

$("select[id^=id_social_media-]:not([id=id_social_media-__empty])")

answered Dec 26, 2020 at 19:23

PHP Guru

1,69214 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PHP Guru · Accepted Answer · 2020-12-27 08:33:32Z

0

Why not simple do an oldschool for loop?

for(let index = 0; index < numberOfItems; index++)
{
   let Element = $('select[id^=id_social_media-'+index);
   ...

If you don’t know the number, use a while loop and stop on no result in element:

var index = 0,
    elements = Array(),
    Element = $('select[id^=id_social_media-'+index);
while (Element.length) {
    elements[index++] = Element;
    Element = $('select[id^=id_social_media-'+index);
}

edited Dec 27, 2020 at 8:33

PHP Guru

1,69214 silver badges24 bronze badges

answered Dec 26, 2020 at 18:34

Thallius

2,6132 gold badges19 silver badges41 bronze badges

Collectives™ on Stack Overflow

Selecting select boxes with a text pattern and a number in jQuery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related