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

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

作者:asheng  歸類于:HTML教程, 建站心得, 綜合教程 閱讀:2980  發布時間: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.mcws.icu點擊查看經典網站案例!
郴州網站建設2014年網站建設套餐及優惠!

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

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

手机捕鱼赢钱游戏平台
新疆时时开奖 欢乐雀神麻将下载 2019年七星彩分解图 中国福老时时 博众时时彩官方网站 菠萝彩 pk10北京pk拾全天计划 谁有极速快三计划网站 十三幺怎么胡 鼎丰国际怎么样 时时彩宝典手机下载 宝彩娱乐app下载安装 北京pk官方开奖结果 吉林时时玩法 后三包胆详细玩法 赚钱游戏棋牌