javascript - 如何用jquery检测哪个选择发生变化

Question

我正在动态地创建一些选择，从ajax导入选项值和名称。 select 的 id 类似于 l1、l2、l(当前 select 的编号)，select 的名称是其渐进编号。我必须检测哪个选择更改，我需要 ID 或名称。这是我的代码:

   $("#plus").click(function(){
                    $('#prod').append(
                        $('<div/>',{
                            'class' : 'row',
                            'id': 'r' + nplus
                        }).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cl' + nplus
                        }).append(
                        $( '<select/>', {
                            'id':'l' + nplus,
                            'type': 'select',
                            'name': nplus
                        }))).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cp' + nplus
                        }).append(
                        $( '<select/>', {
                            'id':'p' + nplus,
                            'type': 'select',
                            'name': nplus
                        }))).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cq' + nplus
                        }).append(
                        $( '<input/>', {
                            'id':'q' + nplus,
                            'type': 'number',
                            'name': nplus
                        }))))
                    nplus++;
    });

为了检测哪些选择更改，我尝试了:

$("select[id^='l']").change(function(){
                    var nameselect = $(this).attr("name");
                });

你有什么想法吗？

Answer 1

如果您的选择输入有选项，它可能如下所示:-

let nplus=0;
 $("#plus").click(function()
 {
                    $('#prod').append(
                        $('<div/>',{
                            'class' : 'row',
                            'id': 'r' + nplus
                        }).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cl' + nplus
                        }).append(
                        $( '<select/>', {
                            'id':'l' + nplus,
                            'type': 'select',
                            'name': nplus
                        }).append(new Option('option 1', 'opt1', false, false)).append(new Option('Option 2', 'opt2', false, false)))).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cp' + nplus
                        }).append(
                        $( '<select/>', {
                            'id':'p' + nplus,
                            'type': 'select',
                            'name': nplus
                        }).append(new Option('Option 2.1', 'opt2.1', false, false)).append(new Option('Option 2.2', 'opt2.2', false, false)))).append(
                        $('<div/>',{
                            'class' : 'col',
                            'id': 'cq' + nplus
                        }).append(
                        $( '<input/>', {
                            'id':'q' + nplus,
                            'type': 'number',
                            'name': nplus
                        }))))
                    nplus++;
    });

$(document).on('change','select', function() 
{
        let eleID = this.getAttribute('id');
        let eleName = this.getAttribute('name');
         console.log(eleID);
         console.log(eleName);
});

尝试Example :

//检查控制台中所选元素的 id 和名称:-