How to pass data to callback?

Hi, probably very naive question. How do I pass data to the callback method?

I would like to make an AJAX call to an API on select and clear methods, but I am trying to figure out how to pass information necessary for the API call.

Since content can be generated automatically, I usually set ids for ajax calls in the elements. For example: <button id="myButton" data-id="10"> </button> and then I can access that id in jquery. But I can’t do this with bar-rating since it replaces the default select element.

Any hints would be appreciated!

[duffett]

The following worked for me HTML:

<select class="priority-widget" data-field-name="a">
   <option>1</option>
   <option>2</option>
</select>
<select class="priority-widget" data-field-name="b">
   <option>1</option>
   <option>2</option>
</select>

Script:

$('.priority-widget').barrating({
  theme: 'bars-pill',
  onSelect: function (value, text) {
    var fieldValue= this.$elem.data().fieldName;
     // a or b
    console.log(fieldValue);
  }
}); 

[marwan2]

Your solution is print “undefined”

$('#example-pill').barrating('show', {
  theme: 'bars-pill',
  onSelect: function (value, text) {
    var id = $('#example-pill option:selected').data('id');
    console.log(id);
  }
});

So it doesn’t work !!!