二维码防伪系统

新闻中心

各种活动实时推动

js如何实现点击标签文字在input文本框自动输入

发布时间:2024-11-20 点击次数:234

js如何实现点击标签文字在input文本框自动输入,下面给出具体实现代码。

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

<input type="text" id="textbox" size = "30" name="chaxinmd" />

<span class="label">JS特效</span>
<span class="label">C++</span>
<span class="label">SQL</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>

示例截图:

copy © 2025 星澜网络 All Rights Reserved

备案号:鲁ICP备2023015769号