javascript - 如何获取仅知道其值的选项文本

Question

假设我有这样的代码:

<select id="select" multiple="multiple">
 <option value="A1">abc</option>
 <option value="A2">cde</option>
 <option value="A3">efg</option>
</select>

还有一个数组:

var selected = ["A1", "A3"];

我想迭代 selected 数组以获取包含具有适当值的选项标记文本的第二个数组。值(value)观是独一无二的:

var texts = [ "abc", "efg" ];

如何在 jquery 中实现这一点？

Answer 1

可以使用:selected选择器查找所选选项并使用map()创建数组

var texts = $('#select option:selected').map(function(){
  return $(this).text()
}).get();

或者在迭代selected数组时使用属性选择器

var $opts = $('#select option')
var texts = selected.map(function(val){
  return $opts.filter('[value="' + val + '"]').text()
});