Question

我正在使用jQuery插件select2.js。如何使用jQuery选择所选选项的数据属性。

这是代码

<select class="select2">
  <option data-id="1" value="2"> CASE 1 </option>
  <option data-id="2" value="2"> CASE 1 </option>
  <option data-id="3" value="2"> CASE 1 </option>
</select>

$(document).ready(function(){

   $('.select2').select2();

   $('.select2').click(function(){
       //alert($(this).val());

   });
});

如何使用jQuery获取所选选项的data-id。

Answer 1

这与select元素具有相同的逻辑。您可以使用默认选择器。

$('.select2').change(function(){
    alert($(this).find('option:selected').data('id'))
});

但我建议您使用更改事件而不是单击选择框。

Answer 2

这将为您提供数据属性

$(this).data("id")

Answer 3

您可以在更改活动中执行此操作，此处为fiddle

$(function() { 
    $(".select2").change(function(){ 
        var element = $(this).find('option:selected'); 
        var id= element.attr("data-id"); 
        alert(id);
    }); 
});

Answer 4

您可以使用:selected选择器找到所选选项，然后使用.data()获取/设置数据属性值。您还应该使用change事件而不是select元素的click事件：

$('.select2').change(function(){
  var selecteddataid = $(this).find('option:selected').data('id');
});

使用jquery选择选项的数据属性

4 个答案: