怎么显示点击选中的li标签

Question

JS代码

mui.ajax({
            dataType:'json',
            type:'get',
            url:classifyUrl,          
                  success:function (data) {
                           list.innerHTML = "";
                         var len = data.length;
                         for (var i =0; i < len; i++) {
                             var li = doc.createElement("li");
                             li.name=data[i].value;
                             li.id = data[i].id;
                             li.className = "mui-table-view-cell";
                             li.innerHTML +=  '<a class="mui-navigate-right">'+data[i].label+'</a>';
                             list.appendChild(li);
                             currentIssueType = data[i].value;
                             }
                         }, 
                   })
//            选择问题
            doc.querySelector('.mui-table-view.mui-table-view-radio').
            addEventListener('selected',function(e){            
            currentIssueType = e.detail.el.name;
            fen.innerHTML = "";
            info.innerHTML = e.detail.el.innerText;

            })
            
//            部门分类
        mui.ajax({
            type:'get',
            dataType:'json',
            url:officeUrl,
            success:function(data){                
                 var len = data.length;
                         for (var j = 1; j < len; j++) {
                             var li = doc.createElement("li");
                             li.name=data[j].name;
                             li.id = data[j].id;
                             li.className = "mui-table-view-cell";
                             li.innerHTML +=  '<a class="mui-navigate-right">'+data[j].name+'</a>';
                             list2.appendChild(li);
                             currentIssueType2 = data[j].name;
            doc.querySelector('.mui-table-view-radio').
            addEventListener('selected',function(e){            
//            currentIssueType2 = e.detail.el.name;
//            fu.innerHTML = "";
//            info2.innerHTML = e.detail.el.innerText;

            })
                             }
            }
        })

html代码

<div id="topPopover" class="mui-popover ">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <ul class="mui-table-view  mui-table-view-radio" id="list"></ul>
            </div>
        </div>
    </div>
    <!--部门选择列表-->
    <div id="department" class="mui-popover ">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll" style="height: 100%;overflow-y:scroll">
                <ul class="mui-table-view-radio" style="height:30rem;" id="list2"></ul>
            </div>
        </div>
    </div>

问题类型这个li标签可以做到选中的值直接显示出来,并且把值传到后台,部门分类照搬就做不到了,这样写，只有第一个列表点击可以执行，剩下的不能执行,我有2个列表单选框啊,求大神指点指点,感激不尽!

Answer 1

li.innerHTML +=  '<a class="mui-navigate-right onclick='change("+XXXXXX+")' ">'+data[j].name+'</a>';
function change(id){
    后台接口传参...    
}

XXXXXX是循环的每一项列表的值