如何使用jQuery从multipal selectbox值中获取所有选定的选项

Question

我有一个很长的动态表单，有几个选择选项，如

<select class="common_dt_select" id="select_15" data-col-index="15">
   <option value="">All CC Status</option>
   <option value="0">Dead</option>
   <option value="1">Active</option>
   <option value="2">Frozen</option>
</select>

<select class="common_dt_select" id="select_23" data-col-index="23">
   <option value="">All</option>
   <option value="0">No</option>
   <option value="1">Yes</option>
</select>

我想使用jQuery获取所有选定的选项value和data-col-index值。

我知道我必须通过一个公共类来循环它，所以我给了common_dt_select但我无法获取数据。

我想要的是

some loop that will run 
  if (sel_val != '') //I only want that value which is not blank
    console.log(sel_val);
    console.log(data_tag_id);
  end of if
end of loop

Answer 1

Codepen

$('.common_dt_select').each(function() {
    var value = $(this).val();
    var colindex = $(this).data('col-index');

    if(value.length) {
        console.log(colindex);
        console.log(value);
    }
});

Answer 2

您只需使用以下代码

即可

$('.common_dt_select :selected').each(function(i, sel){ 
  alert( $(sel).val()); 

 });