javascript - 如何从jquery获取数据字段动态数据

Question

我有动态选项:

<div class="form-group">
       <label">tag:</label>
        <select class="form-control"  id="called_id">
       <option>Select </option>
      @foreach($news['data'] as $j_d) 
      <option data-get="{{$new->id}}" value="<?php echo $j_d->id; ?>" <?php echo $j_d->title_eng; ?></option>
       @endforeach 
       </select>
      </div>

Jquery code from where i am getting the value of option data:

<script type="text/javascript">
$(document).ready(function(){
  $('#calling_id').on('change',function(){
   var data=$(this).val();
    var id = $(this).data('called_data');


  })
})
</script>

但是 M 无法在 jquery 中获取数据值，我无法理解的原因是什么.. 任何人都可以帮忙

控制台结果:

数据值未定义，id 值 2 正确。

Answer 1

您需要在下拉列表中获取所选的选项，因为this 引用select 标签并且没有任何数据属性.

var id = $('option:selected', this).data('worker');
// or
var id = $(this).find('option:selected').data('worker');