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: (https://stackoverflow.com/questions/15874630/get-element-by-part-of-name-or-id) — Ryan Wilson, Dec 28 '18 at 18:02
Possible duplicate of [Get element by part of Name or ID](https://stackoverflow.com/questions/15874630/get-element-by-part-of-name-or-id) — zfrisch, Dec 28 '18 at 18:07

score 1 · Accepted Answer · answered Dec 28 '18 at 18:05

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>

score 0 · Answer 2 · answered Dec 28 '18 at 18:02

0

Try this

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

answered Dec 28 '18 at 18:02

Alejandro Gonzalez

306
1
6

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

2 Answers2