js大神，求帮忙啊。如何实现点击图片在旁边的文本框输入内容。
就像银行取款一样，我们图片上面写着数字1，我要实现点击那个1的图片，在旁边文本框里出现1,,求帮忙啊啊啊啊啊啊啊...
就像银行取款一样，我们图片上面写着数字1，我要实现点击那个1的图片，在旁边文本框里出现1,,求帮忙啊啊啊啊啊啊啊
展开
展开全部
<div>
<img src="1.jpg" width="100" height="100" onclick="document.getElementById('input-1').value=1"/>
<input id="input-1"/>
<img src="2.jpg" width="100" height="100" onclick="document.getElementById('input-2').value=2"/>
<input id="input-2"/>
<img id="img-1" src="2.jpg" width="100" height="100" onclick="alert(this.id)"/>
</div>
<img src="1.jpg" width="100" height="100" onclick="document.getElementById('input-1').value=1"/>
<input id="input-1"/>
<img src="2.jpg" width="100" height="100" onclick="document.getElementById('input-2').value=2"/>
<input id="input-2"/>
<img id="img-1" src="2.jpg" width="100" height="100" onclick="alert(this.id)"/>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把你的图片发一下，帮你写一个。
更多追问追答
追问
比如本来是蓝色50，鼠标放进去变成橙色，然后可以点一下，在旁边的文本框出现50.
追答
代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function click()
{
var image = $('image');
image.setAttribute("src", "2.jpg");
var textBox = $('showNum');
textBox.setAttribute("value", "50");
}
</script>
</head>
<body>
<a href="javascript:onclick=click()"><img id="image" src="1.jpg" width="60" height="56" border="0""></a>
<input type="text" id="showNum">
</body>
</html>
其中1.jpg是蓝色图的文件名，2.jpg是橙色图的文件名。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的是提取图标？？
追问
也不是图标，就是给个值，图片上显示的是1，点击一下，旁边文本框就出个1.就是虚拟数字键盘么。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
