Question

我有两种情况

1.需要在页面上填充下拉列表，从下拉数据中加载和生成动态按钮。 2.当点击该按钮时，下拉列表中的特定项目应该出现..

我试过了：

Name        Type1       Type2       Type3       Type4
-----------------------------------------------------
Lance       X                       X           X
John        X                       X
Mike                    X           X           X

仅下拉列表正确填充。但是按钮没有生成..我缺少什么？

Answer 1

我不明白这些按钮是否已生成，但是如果它不起作用则是该类的点击事件＆＃34; .btns＆＃34;是因为jQuery不能直接在动态创建的元素上工作。

试试这个：

$("input").on('click', '.btns', function(){
    $("#ddlLecturer").val($(this).val());
});

如果未创建按钮，请将其删除：

$("#ddlCountry option").each(function () {
    var r= $('<input class="btns" type="button" value="'+$(this).text()+'"/> ');
        $("#btn_list").append(r);
});

并将其移至ajax调用，修改此：

success: function (data) {
    $.each(data.d, function (key, value) {
        $("#ddlCountry").append($("<option></option>").val(value.CountryId).html(value.CountryName));
        var r= '<input class="btns" type="button" value="'+value.CountryName+'"/>';
        $("#btn_list").append(r);
    });
},

墨西哥的问候，对不起我的英语不好。

从下拉数据生成动态按钮

1 个答案: