当前位置:首页 > Js/Jquery

js 操作ul li

happyfhb9年前 (2017-08-17)Js/Jquery2483
摘要: function kefushengfentianjia() {             var shengfen =&nbs…
 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("已经添加过了 请勿重复添加!");
            }
        }

 

扫描二维码推送至手机访问。

版权声明:本文由海海日记-冯海滨博客发布,如需转载请注明出处。

本文链接:http://www.fenghaibin.com/?id=1246

“js 操作ul li” 的相关文章

jQuery再学习之二、jQuery选择器

前言jQuery选择器非常非常强大而且灵活,要完全掌握它是需要狠下一番功夫的。当然,掌握了主要的部分后,其它的了解就好,因为一些比较偏的毕竟用得少,而且可以有其它方法来实现。…

jquery的table表格在指定行后添加新行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META…

jquery easyui datebox 获取时间

$("#dd").datebox("getValue");当然这种方式不是太符合我们习惯,那么我们可以给它添加一个事件监听,在datebox onSelect 日期选中后,自动为input id="dd" type="text…

easyui中combobox的值改变onchang事件

今天在公司里,那jquery中的easy-ui-里面的combobox,真的郁闷死了!    把郁闷的事情记下来,下次就不会犯错了!…

js的replace实现全部替换的方法

<script language="javascript">    function change(){     var str = "aca…

无比纠结的html转移

最近做jqueryeasyui的一个项目被html转义困扰主要难点在于换行符和特殊符号。那 textarea 为列子提交服务器前用escape编码服务器接收到编码数据后 解码 然后 解码前.Replace("+", "%2b")//将+号在编码&nb…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。