获取所选选项的src

Question

我正在使用“Image Picker”插件，我希望获得所有选定选项的所有“data-image-src”。这是我的代码：

<select class="image-picker show-labels show-html" multiple="multiple">
  <option value="9122" data-image-src="www.first.com/first.jpg">
      First
  </option>
  .
  .
  .
</select>

我可以使用$(".image-picker").val();来选择所有值。我如何获得“data-image-src”？感谢。

Answer 1

你可以

1）定位所选的选项元素。

2）然后使用jquery .map()返回data-image-src。

3）使用.get()将它们放入数组：

$(".image-picker :selected").map(function(){
     return $(this).attr('data-image-src');
}).get();

Answer 2

使用option:selected获取所有选定的值，.data()是获取所选选项的图像src

$(".image-picker").find("option:selected").map(function(){
     return $(this).data('image-src');
}).get();