set InitialRating for multiple select

I have multiple select box which comes from database. I added “data-current-rating” to select option. But, can’t set initial rating using this option.

<select class="stars" data-current-rating="3.5">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="5"></option>
</select>

<select class="stars" data-current-rating="4.4">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="5"></option>
</select>

$('.stars').barrating('show', {
        theme: 'fontawesome-stars-o',
        emptyValue: 0,
        readonly: true,
        initialRating: $(this).data('current-rating')
    });

Of course, I can set initialRating value from option selected, but due to case, I will not able to display fractional star.

[ChetanGoti]

Try this. (as I mentioned at https://github.com/antennaio/jquery-bar-rating/issues/99#issuecomment-346353975)

$('.stars').each(function(index, el) {
  var $El = $(el);
  $El.barrating({
    theme: 'fontawesome-stars-o',
    initialRating: $El.attr('data-current-rating') 
  });
});

[timgavin]

@mdefrancq Try this; works for me.

<select id="ratings" name="rating" data-current-rating="2">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
</select>

<script>
    $(function() {
        $('#ratings').barrating({
            theme: 'fontawesome-stars',
            initialRating: $('#ratings').data('current-rating'),
        });
    });
</script>