javascript - 选择 JSON 返回的 html 标记内的 data-id 值

Question

我需要获取 data-id="value"，即客户端名称。数据是从 JSON 数据返回的。我尝试了很多解决方案，但就是行不通。请帮助我，

这是我的 JSON Pull

$('#vendorListDrop').each(function (index, value)
        {
            var initSelectpicker = $(this).selectpicker();
            $.getJSON('invoice/process/process_vendor.php', function (data)
            {
                initSelectpicker.html('');
                $.each(data, function (key, val)
                {
                    initSelectpicker.append('<option value=' + val["CLIENT_ID"] + ' data-id="' + val["CLIENT_NAME"] + '">' + val["CLIENT_NAME"] + '</option>');
                });
                initSelectpicker.selectpicker('refresh');
            });
        });

$("#vendorListDrop").on('change', function () {
       var vendorSelected = $("#vendorListDrop").data().id;
       alert(vendorSelected);
    });

它总是在警报框中显示未定义。

Answer 1

您的选择没有任何数据属性，并且您将其放置在选项上

$("#vendorListDrop").on('change', function () {
   var vendorSelected = $('option:selected',$(this)).data('id');
   alert(vendorSelected);
});