當前位置:首頁》網頁教程 》 詳細頁面-網頁教程

js實現點擊標簽文字,文字出現在文本框里

作者:asheng  歸類于:HTML教程, 建站心得, 綜合教程 閱讀:2963  發布時間: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 周女士
友恩網絡 明星福利彩票投注站網站:明星福利彩票投注站點擊查看經典網站案例!
明星福利彩票投注站

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

下一篇: JS鼠標點擊密碼框提示文字就消失..

pk10的方法稳赚公式 销售单打印软件免费版 内蒙古时时最快开奖 七乐彩开奖结果走势图 11选五稳赚不赔 助赢计划软件appios版 双色球胆拖投注计算器360 北京单场过关投注方式 湖北快3稳赚 白小中特免费网站1392 河南泳坛夺金开奖走势 pk10最牛稳赚模式6码2期必中 手机棋牌二人麻将 大赢家即时比分 欢乐斗牛下载 佳兆业