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

这样的事情会起作用

＆＃13;

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

＆＃13;

 <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>

＆＃13;

Answer 2

假设只有一个具有给定属性的<select>，您可以在querySelectorAll中使用属性选择器。使用Array.from和映射函数，可以获得所有值的数组。如果不希望将值转换为数字，请移除Number( )。

＆＃13;

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

＆＃13;

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

＆＃13;

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

2 个答案: