javascript - 如何从 HTML 数据属性获取数据到数组中？

Question

我必须通过表单加载上传一些数据，以便在页面上的 JavaScript 操作中使用。我正在上传如下数据:

<select id="allrecords">
    <option data-s-type="X" data-n-type="9" value="xxx">xxx</option>
    <option data-s-type="X" data-n-type="9" value="lmn">lmn</option>
    <option data-s-type="X" data-n-type="8" value="xyz">xyz</option>
    <option data-s-type="Y" data-n-type="3" value="zzz">zzz</option>
    ...
</select>

从这些数据中，data-s-type 和 data-n-type 属性用于找出哪些值将添加到数组中，稍后在程序中使用。我无法想出使用此选择列表获取该数组的方法。

例如当 data-s-type="X" 和 data-n-type=9 时，array = [xxx,lmn]

我不必将数据作为隐藏选择列表上传。

Answer 1

$.map 创建数组，并在函数内检查所需的值，如果它们匹配，则将元素值返回到数组，如下所示:

var arr = $.map($('#allrecords option'), function(el,i) {
    if ($(el).data('s-type') == 'X' && $(el).data('n-type') == '9') 
      return el.value;
});

arr //is now ['xxx', 'lmn']

FIDDLE