Javascript 从更改后的不同选择中获取数据-*

正在尝试将data-*属性的值发送到函数

我有两个不同的选择，我想将所选选项的数据addr值发送到函数，并将其显示在#results div中

我能够使用以下脚本使其与一个选择一起工作，但我希望我的脚本与多个选择一起工作，并替换为最后一个选择的选项的数据addr值

var test = $('#thefirstselect option:selected').data('addr');
$('#result').text(test);

这是html

<div>
  <select class="form-control" id="thefirstselect" onchange="setaddress();">
    <option value="" data-addr="001">one</option>
    <option value="" data-addr="002">two</option>
    <option value="" data-addr="003">three</option>
  </select>
</div>

<div>
  <select class="form-control" id="thesecondselect" onchange="setaddress();">
    <option value="" data-addr="004">four</option>
    <option value="" data-addr="005">five</option>
    <option value="" data-addr="006">six</option>
  </select>
</div>

一
二
三
四
五
六

使用

$（this）

引用正在更改的选择，并使用

选项：selected

选择已选择的选项。还要避免内联JavaScript：

$（'#第一个选择，#第二个选择'）。更改（函数（）{
var test=$（this）.find（'option:selected'）.data（'addr'）；
控制台日志（测试）；
})

一
二
三
四
五
六

$（“选择选项：选中”）.each（函数（）{console.log（$（this.data（“addr”））}）