Question

我需要获取data-id =＆＃34; value＆＃34;这是客户名称。数据从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是select个对象。您将data-id添加到option对象。

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

Answer 2

您的选择没有data attribute并且您将其放在option

上

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

在JSON返回的html标记中选择data-id值

2 个答案: