Get elements by name that contain part of a string using Javascript

Question

I'm trying to select all the elements who's name value contains the string "visitors" using Javascript. I cannot add a class in this case.

<select name="visitors10">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>
<select name="visitors11">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>
<select name="visitors12">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>

Duplicate: (stackoverflow.com/questions/15874630/…)

Ryan Wilson
– Ryan Wilson

2018-12-28 18:02:27 +00:00
Commented Dec 28, 2018 at 18:02 — Ryan Wilson
– Ryan Wilson, Commented Dec 28, 2018 at 18:02
Possible duplicate of Get element by part of Name or ID

zfrisch
– zfrisch

2018-12-28 18:07:41 +00:00
Commented Dec 28, 2018 at 18:07 — zfrisch
– zfrisch, Commented Dec 28, 2018 at 18:07

Code Maniac · Accepted Answer · 2018-12-28 18:05:34Z

1

You can do it like this using querySelectorAll

let ele = document.querySelectorAll('select[name^=visitors]')

console.log(ele)

<select name="visitors10">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>
<select name="visitors11">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>
<select name="visitors12">
   <option class="disableDuration4" value="5">5</option>
   <option class="disableDuration5" value="6">6</option>
   <option class="disableDuration6" value="7">7</option>
</select>
<select name="xyz"></select>
<select name="visitorsxyz"></select>

answered Dec 28, 2018 at 18:05

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

Comments

Alejandro Gonzalez · Accepted Answer · 2018-12-28 18:02:10Z

0

Try this

document.querySelectorAll("select[name^=visitors]")

answered Dec 28, 2018 at 18:02

Alejandro Gonzalez

2961 silver badge6 bronze badges

Collectives™ on Stack Overflow

Get elements by name that contain part of a string using Javascript

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