jQuery向动态创建的选择选项添加其他数据

Question

我通过ajax调用动态填充select元素，该调用返回一个带有多个属性的JSON对象：

$.ajax({
        type: "GET",
        url: "get_data.php",
        data: {value:someValue},
        dataType: "json", 
        cache: false,
        success: function(dataSet){
            $("#mySelect").empty().append('<option value="">default option</option>');
            if (!$.isEmptyObject(dataSet)){
                $.each(dataSet, function(i, data){
                    var option = $("<option>");
                    option.val(data.id);
                    option.text(data.description);
                    option.data("test", 1);
                    $("#mySelect").append(option);
                });
            }

            $("#mySelect").removeAttr("disabled");
        },
        error: function(data){
            alert("Populate mySelect Error: " + data.error);
        }
    });

关于option.data（“test”，1）的一点是我在玩我的动态创建的选项元素添加额外返回的属性的想法。这似乎不起作用。有关如何将我的附加数据附加到我的选项元素的任何见解？我是jQuery和客户端脚本的新手，所以非常感谢任何帮助！

Answer 1

尝试使用attr()之类的，

option.attr("data-test", 1);