为所有动态生成的按钮获取相同的ID

时间:2015-09-05 10:27:17

标签: jquery .net drop-down-menu

我根据Jquery中的DropDown项创建了动态按钮列表,并根据下拉项为它们分配id和值, 我需要点击按钮上的按钮ID。

我试过这个..但这不起作用..

--- populating Dropdown and and creates button

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

                error: function (result) {
                    alert("Error");
                }
            });

这是生成按钮的HTML

<div id="btn_list"><input type="button" value="None" +="" id="1" class="btns"><input type="button" value="Prof1_4" +="" id="24" class="btns"></div>

2个按钮的ID为1和24

-----按钮舔

 $(document).on('click', '.btns', function () {

                    var x = $('.btns').attr('id'); --this is not returning values

            });

1 个答案:

答案 0 :(得分:4)

使用点击的元素$('.btns')更改$(this)请尝试以下操作: -

$(document).on('click', '.btns', function () {
      var x = $(this).attr('id'); 
});