javascript - 怎么显示点击选中的li标签
高洛峰
高洛峰 2017-04-11 12:20:21
[JavaScript讨论组]

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 +=  ''+data[i].label+'';
                             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 +=  ''+data[j].name+'';
                             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代码

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

      高洛峰
      高洛峰

      拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

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

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

      热门教程
      更多>
      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
      php中文网:公益在线php培训,帮助PHP学习者快速成长!
      关注服务号 技术交流群
      PHP中文网订阅号
      每天精选资源文章推送

      Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号