html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容

Js实现INPUT输入框，当鼠标点击文字时自动获取文字内容，并显示在文本框中，一个惯用的表单技巧，有时可省去一些用户输入的麻烦，可有效提升用户体验。

input输入框获取js点击文字内容

.c{ width:100px; height:25px; line-height:25px; text-align:center; border:1px solid #eee; margin:5px; float:left; font-size:12px; cursor:pointer}

.show{ width:800px; height:auto; margin:0 auto;}

菜单导航

时间日期

焦点图

tab标签

jquery特效

在线客服

var x=["菜单导航","时间日期","焦点图","tab标签","jquery特效","在线客服"];

var y=[];

function $(id){

return document.getElementById(id)

};

for(var i=0,m=x.length;i

$("c"+i).οnclick=(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)

}