使用 each() 时抓取下拉选择的文本

Question

我有一大堆 select 下拉菜单，我正在尝试使用 each() 获取每个下拉菜单的 selected 值。我似乎无法正确处理。我该怎么做呢？

这是我的代码：

$('#aTable select option:selected').each(function(){
    console.log($(this).text());  
});

Answer 1

$('#aTable select').each(function(){
    console.log($(this).find('option:selected').text());
});

Answer 2

使用this.options[this.selectedIndex].text获取选中的文本。有效

演示：-

$('#aTable select').each(function(){
    console.log(this.options[this.selectedIndex].text);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="aTable">
  <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
  </select>
  <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
  </select>
  <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
  </select>
</div>

使用 each() 时抓取下拉选择的文本

Grabbing dropdown selected text when using each()

each

jquery