Javascript获取select中每个选项的价值

Question

我试图从选择菜单中的选项中获取每个值，但是由于元素只有自定义属性，因此我一直在努力使它成为目标。

html的示例：

 <div class="select-wrap">
     <select ng-model="currentTab"> 
        <option value="0">Tab 1</option> 
        <option value="1">Tab 2</option> 
     </select>
 </div>

我想要得到的是：

0
1

来自

option value=""

Answer 1

这样的事情会起作用

 document.querySelectorAll('select[ng-model="currentTab"] option') .forEach(el=>{ console.log(el.value) }) 

  <div class="select-wrap"> <select ng-model="currentTab"> <option value="0" selected="selected">Tab 1</option> <option value="1" selected="selected">Tab 2</option> </select> </div> 

Answer 2

假设只有一个这样的<select>具有给定的属性，则可以在querySelectorAll简单地使用属性选择器。 通过将Array.from与映射函数一起使用，可以获得所有值的数组。 如果不需要将值转换为数字，请删除Number( ) 。

 const allValues = Array.from(document.querySelectorAll("select[ng-model='currentTab'] > option"), ({value}) => Number(value)); console.log(allValues); 

 <div class="select-wrap"> <select ng-model="currentTab"> <option value="0">Tab 1</option> <option value="1">Tab 2</option> </select> </div>