jQuery 从选择器 onchange 获取数据 ID

Question

是否有可能在更改事件期间获取数据属性值？

jQuery(document).ready(function($) {
  $('.mystatus').on("change", function() {
    var value = this.value;
    alert(value);

    var myid = get the value of data-myid
    // myid should equal '123'
  });
});

<select class="mystatus" data-myid="123">
  <option value="No Status">No Status</option>
  <option selected="selected" value="Potential">Potential</option>
</select>

Answer 1

由于

<select>

上存在数据属性，使用以下方式访问数据属性：

$(this).data

.

$(function() {
  $('.mystatus').on('change', function() {
    var $select = $(this);
  
    var value = $select.val();
    console.log(value);

    var selectDataId = $select.data('myid');
    console.log(selectDataId);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="mystatus" data-myid="123" required>
  <option value="" selected disabled>-- Choose and option --</option>
  <option value="No Status">No Status</option>
  <option value="Potential">Potential</option>
</select>