<sub id="znntt"></sub>
          <sub id="znntt"></sub>

          当前位置:首页》网页教程 》 详细页面-网页教程

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

          作者:asheng  归类于:HTML教程, 建站心得, 综合教程 阅读:2987  发布时间:2014-04-28

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

          方法一:

          <style>.c{ width:40px; height:25px; line-height:25px; text-align:left;  margin:2px; float:left; font-size:12px; cursor:pointer }</style>
          <input id="i" type="text" ><div class="c" id="c0">市级,</div><div class="c" id="c1">省级,</div><div class="c" id="c2">国家级
          <script>
          var x=["市级","省级","国家级"];
          var y=[];
          function $(id){ return document.getElementById(id)};
          for(var i=0,m=x.length;i<m;i++){$("c"+i).onclick=(function(i){return function(){
          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)}
          </script>

           

          方法二:

          <style>.label {cursor:pointer}</style>

          <input type="text" id="textbox" size = "30" name="chaxinmd" />
          <span class="label">立项</span>
          <span class="label">鉴定</span>
          <span class="label">报奖</span>
          <span class="label">其他</span>
          <script type="text/javascript">
          spans=document.getElementsByTagName("span");
          for(i=0;i<spans.length;i++)
          {if(spans[i].className=="label")
          {   spans[i].onclick=function()
          {       document.getElementById('textbox').value=this.innerHTML;  
           }}}
           </script>

          联系我们:15273585055 周女士
          友恩网络 网站建设网站:www.santafebusted.com点击查看经典网站案例!
          郴州网站建设2014年网站建设套餐及优惠!

          上一篇: Photoshop CS5快捷键技巧大全.. 

          下一篇: JS鼠标点击密码框提示文字就消失..

          5544444