input输入框获取js点击文字内容
2013-05-05 00:08
351 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>input输入框获取js点击文字内容</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} .demo{width:340px;margin:0 auto;} .c{width:100px;height:25px;line-height:25px;text-align:center;border:1px solid #eee;margin:5px;float:left;font-size:12px;cursor:pointer} </style> </head> <body> <div class="demo"> <div class="c" id="c0">javascript</div> <div class="c" id="c1">jquery</div> <div class="c" id="c2">css4</div> <div class="c" id="c3">html5</div> <div class="c" id="c4">php</div> <div class="c" id="c5">products</div> <div class="c" id="c6">focus</div> <div class="c" id="c7">myoptions</div> <input id="i" type="text" style="width:320px; height:25px; border:1px solid #ccc;margin:15px 0 0 0;" /> </div> <script type="text/javascript"> function $(id){ return document.getElementById(id); }; var x=["菜单导航","时间日期","焦点图","tab标签","jquery特效","在线客服","17素材","js代码"]; var y=[]; for(var i=0,m=x.length;i<m;i++){ $('c' + i).onclick = (function(i){ return function(){ //alert(i); // 判断数组y中是否存在数组x下标i所对应的值,若是没有则为-1 var s = y.join().indexOf(x[i]); if(s>=0){ //alert(s); for(var j in y){ // 判断数组y下标对应值与数组x下标对应值 if(y[j] == x[i]){ // 删除数组y中第j个对应值 y.splice(j,1); } } }else{ //alert(s); y.push(x[i]); } $('i').value = y.join(' '); } })(i); } </script> </body> </html>
相关文章推荐
- JS实现点击下拉菜单把选择的内容同步到input输入框内
- js实现点击按钮出现输入框本地修改文字内容功能
- js获取超链接的文字内容并放到input中。
- JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
- input输入框默认文字,点击消失
- 点击button获取text内容并改变样式的js实现
- input输入框默认文字,点击消失
- 用JS来实现输入框提示文字点击时消失
- js-点击输入框默认文字消失
- JS即时获取input内容信息
- JS实现输入框提示文字点击时消失效果
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- input输入框value获取JS中值
- JS点击查看更多内容 控制段落文字展开折叠
- input输入框点击变大缩小的js代码
- Js制作点击输入框时默认文字消失的效果
- JS实现默认显示部分文字点击按钮显示全部内容
- JS获取input标签的text值、JS获取下拉框内容、input控制只能输入数字等问题汇总
- js点击复制input内容
- js获取input失焦时点击的元素