js如何实现点击标签文字,文字在文本框出现
js实现点击标签文字,文字出现在文本框里,下面2种方法实现的功能略有不同,总体来说方法一功能更强大。
第一种方法:随意点击任何标签都会出现在文本框中,如何第二次点击标签,对应的文字就会在文本框中消失。
var x=["市级","省级","国家级"];
var y=[];
function $(id){ return document.getElementById(id)};
for(var i=0,m=x.length;i
var s=y.join(",").indexOf(x[i]);if(s>=0){
for(var r in y){if(y[r]==x[i]){y.splice(r,1)}}}
else{y.push(x[i])}$("i").value=y.join(" ");}})(i)}
效果图:
第二种方法:当点击“phpstudy”标签的时候,此标签就出现在了文本框里,再点击SQL标签后,“SQL”标签就会替换掉“phpstudy”标签出现在文本框中。
JS特效
C++
SQL
phpstudy
spans=document.getElementsByTagName("span");
for(i=0;i
{if(spans[i].className=="label")
{ spans[i].οnclick=function()
{ document.getElementById('textbox').value=this.innerHTML;
}}}
效果图:
这里再为大家分享另一个Javascript的小技巧-----JS实现点击文本框清除表单内部默认文字,有时大家在填写表单内容时,表单里会出现一些默认提示文字,我们又不想一个个删除,有什么办法可以实现快速清除?下面就是我为大家准备的小代码:
onBlur="if(!value){value=defaultValue;}"
value="请输入的关键词">
效果图:
点击文本框之后
以上就是本文的全部内容,希望对大家的学习有所帮助。相关阅读:
Java反射机制及Method.invoke详解
win7系统无法删除信任安装保护文件怎么办?
Win8.1安装itunes提示此windows installer软件包有一个问题如何解决
asp.net利用NamingContainer属性获取GridView行号的方法
jquery实现两边飘浮可关闭的对联广告
Java中注解的工作原理
C#静态构造函数用法实例分析
挑战4道Java试题
Win8.1系统开机出现“其他用户”账户怎么办?Win8.1开机出现“其他用户”的解决方法
mysql中如何判断当前是字符 mysql判断字段中有无汉字
jQuery插件boxScroll实现图片轮播特效
详解在PHP的Yii框架中使用行为Behaviors的方法
JavaScript中操作Mysql数据库实例
WinXP如何利用网页的ActiveX控件解锁注册表