js点击图片在文本框内显示文字
怎样点击表情图片则在文本框显示文字比如我点击/大笑下面的图片则在文本框内显示"/大笑"而不是img代码我继续点击/大哭下面的图片则在文本框内显示"/大哭"<html><b...
怎样点击表情图片则在文本框显示文字
比如 我点击 /大笑 下面的图片则在文本框内显示 "/大笑" 而不是 img代码
我继续点击 /大哭 下面的图片则在文本框内显示 "/大哭"
<html>
<body>
<input type="text" id="textbox" />
<span class="label">/大笑</span>
<span class="label"><img src="/daxiao"></span>
<span class="label">/大哭</span>
<span class="label"><img src="/daku"></span></div>
</body>
<script type="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(i=0;i<spans.length;i++){
if(spans[i].className=="label"){
spans[i].onclick=function(){
arr=tb.value.split(" ");
for(j=0;j<arr.length;j++){
if(arr[j]==this.innerHTML) return;
}
tb.value+=(" "+this.innerHTML);
}
}
}
</script>
</html> 展开
比如 我点击 /大笑 下面的图片则在文本框内显示 "/大笑" 而不是 img代码
我继续点击 /大哭 下面的图片则在文本框内显示 "/大哭"
<html>
<body>
<input type="text" id="textbox" />
<span class="label">/大笑</span>
<span class="label"><img src="/daxiao"></span>
<span class="label">/大哭</span>
<span class="label"><img src="/daku"></span></div>
</body>
<script type="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(i=0;i<spans.length;i++){
if(spans[i].className=="label"){
spans[i].onclick=function(){
arr=tb.value.split(" ");
for(j=0;j<arr.length;j++){
if(arr[j]==this.innerHTML) return;
}
tb.value+=(" "+this.innerHTML);
}
}
}
</script>
</html> 展开
1个回答
展开全部
亲，改一下js代码，改成这样就可以了
<script type="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(var i=0;i<spans.length;i++)
{
spans[i].index=i;
spans[i].onclick=function()
{
alert(spans[this.index-1].innerHTML);
}
}
</script>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
