海海日记-冯海滨博客

您现在的位置是:首页 > Js/Jquery > 正文

Js/Jquery

js 操作ul li

happyfhb2017-08-17Js/Jquery1973
 function kefushengfentianjia() {
            var shengfen = document.getElementById("selectshengfen"); //定位id
            var shengfenindex = shengfen.selectedIndex; // 选中索引
            var shengfentext = shengfen.options[shengfenindex].text; // 选中文本

            var kefu = document.getElementById("selectkefu"); //定位id
            var kefuindex = kefu.selectedIndex; // 选中索引
            var kefutext = kefu.options[kefuindex].text; // 选中文本
 
 
            var jieguoul = document.getElementById("ultianjia");
            var jieguolist = jieguoul.getElementsByTagName("li");
            var jianchajieguo = false;
            for (var i = 0; i < jieguolist.length; i++) {
                var litext = jieguolist[i].textContent;
                var litextadd = shengfentext + "-" + kefutext;
                if (litext == litextadd) {
                    jianchajieguo = true;
                }
            }

            if (jianchajieguo == false) {
                var litextadd = shengfentext + "-" + kefutext;
                var li = document.createElement("li");
                li.innerHTML = litextadd;
                li.setAttribute("id", "newli");
                var ul = document.getElementById("ultianjia");
                ul.appendChild(li);
            }
            else {
                alert("已经添加过了 请勿重复添加!");
            }
        }

 

平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~