js如何实现点击标签文字,文字在文本框出现

标签:公司介绍    日期:2018-03-23 09:55    录入:美娱国际平台注册    浏览:

  

[js获取文本框的值,js清空文本框,js给文本框赋值,清空文本框]js如何实现点击标签文字,文字在文本框出现

  

js实现点击标签文字,文字出现在文本框里,下面2种方法实现的功能略有不同,总体来说方法一功能更强大。

  

  

第一种方法:随意点击任何标签都会出现在文本框中,如何第二次点击标签,对应的文字就会在文本框中消失。  

  
  
    
市级,
省级,
国家级  var x=["市级","省级","国家级"];  var y=[];  function $(id){ return document.getElementById(id)};  for(var i=0,m=x.length;i=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)}  
  
  

效果图:  

  

  

  

第二种方法:当点击“”标签的时候,此标签就出现在了文本框里,再点击SQL标签后,“SQL”标签就会替换掉“”标签出现在文本框中。  

  
  
      JS特效  C++  SQL    spans=document.getElementsByTagName("span");  for(i=0;i  
  
  

效果图:  

  

  

 美娱国际注册 

这里再为大家分享另一个Javascript的小技巧-----JS实现点击文本框清除表单内部默认文字,有时大家在填写表单内容时,表单里会出现一些默认提示文字,我们又不想一个个删除,有什么办法可以实现快速清除?下面就是我为大家准备的小代码:  

  
  
  
      
  
  
  

效果图:  

  

  

  

点击文本框之后  

  

  

  

以上就是本文的全部内容,希望对大家的学习有所帮助。

  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读