javascript - 获取动态生成的选择框的数据属性

Question

我在 AJAX 请求后生成了两个选择框:

$("#job_id").change(function() {
    var id = $(this).val();
    $.ajax({
        url: '',
        type: 'POST',
        dataType: 'json',
        data: { 'id': id },
    }).done(function(data) {
        var contc = "";
        var contc2 = "N/A";
        var seal = "";
        var seal2 = "N/A";
        $.each(data, function(i, d) {
            contc += "" + d.container_no + "";
            contc2 += "" + d.container_no + "";
        });
        $("#container1").html(contc);
        $("#container2").html(contc2);
        // console.log("done"); 
    }).fail(function() {
        $("#container1").html("");
        $("#container2").html("");
    });

    $.ajax({
        url: '',
        type: 'POST',
        dataType: 'json',
        data: { 'id': id },
    }).done(function(d) {
        $("#cont_pickup").val(d.id);
        $("#cont_pickup_name").val(d.name);
    }).fail(function() {
        $("#cont_pickup").val("");
        $("#cont_pickup_name").val("");
    });
});

我想要data-seal值。为此我写道:

$("#container1,#container2").change(function() {
    $("#cont_seal_1").val($("#container1").data('seal'));
    $("#cont_seal_2").val($("#container2").data('seal'));
});

但是它返回未定义。我如何获得数据密封？

Answer 1

请尝试以下方法:

$("#container1,#container2").change(function() {
    $("#cont_seal_1").val($("#container1 option:selected").data('seal'));
    $("#cont_seal_2").val($("#container2 option:selected").data('seal'));
});