HTML5 Data with Map to Select Options

HTML5 Data with Map to Select Options

by Andrew Pougher

HTML

<select class='volts' data-volts="120|140">

</select>

<select class='volts' data-volts="10|120">

</select>

<select class='volts' data-volts="66">

</select>

<select class='volts' data-volts="10|120|330">

</select>

JavaScript

$.each( $('select.volts'), function(index, item) {
    var $sl = $(this);
     var selMulti = $.map($(this), function (el, i) {
return $(el).data("volts");
     });
        var f = selMulti.join("|");
         $.each( f.split("|"), function(index, item) {
     $sl.append("<option>"+item+"</option>");
    });
    
});