DEV Community

oriegenbi27
oriegenbi27

Posted on • Updated on

Get All value in select option with Jquery

Html

<select id="demo">
  <option value="Belgium">Belgium</option>
  <option value="Botswana">Botswana</option>
  <option value="Burkina Faso">Burkina Faso</option>
  <option value="Burundi">Burundi</option>
  <option value="China">China</option>
  <option value="France">France</option>
  <option value="Germany">Germany</option>
  <option value="India">India</option>
  <option value="Japan">Japan</option>
  <option value="Malaysia">Malaysia</option>
  <option value="Mali">Mali</option>
  <option value="Namibia">Namibia</option>
  <option value="Netherlands">Netherlands</option>
  <option value="North Korea">North Korea</option>
  <option value="South Korea">South Korea</option>
  <option value="Spain">Spain</option>
  <option value="Sweden">Sweden</option>
  <option value="Uzbekistan">Uzbekistan</option>
  <option value="Zimbabwe">Zimbabwe</option>
</select>
Enter fullscreen mode Exit fullscreen mode

Jquery

<script>
  $('#demo option').each(function() {
        console.log($(this).val());
     });
</script>
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
link2twenty profile image
Andrew Bone

It's quite easy with just vanilla JavaScript too

document.querySelectorAll("#demo option").forEach((el) => {
  console.log(el.value)
})
Enter fullscreen mode Exit fullscreen mode