WEB开发人员网络
→
WEB前台
→
JavaScript
→
文本框（域）
做一个像豆瓣标签那样的效果，点击增加，再次点击删除的效果
提供者: 发布时间:2010-1-27 浏览:[708]
搜索更多相关信息
<style> *{font: 12px/1.5 arial;} input{border:1px solid #aaa;padding-left:5px;line-height :24px;height:24px;} span{cursor:pointer;color:#FF6600;} span.ed{color:#ccc;} </style> <body> <input type="text" id="opinion" size="40" /> <div id="tags"> <span>发布</span> <span>内容</span> <span>发表</span> </div> </body> <script> function fx(tags,shower){ for(var i=tags.length,list=[];i--;) tags[i].onclick=function (){ for(var i=0,del,tag=this.innerHTML,l=list.length;i<l;i++){ if(list[i]!=tag)continue; del=list.splice(i,1); break; }; if(!del)list.push(tag); this.className=del?'':'ed'; shower.value=list } }; fx( document.getElementById('tags').getElementsByTagName('span'), document.getElementById('opinion') ) </script>
提示：您可以先修改部分代码再运行
下一篇：
星号密码输入框
上一篇：没有了
