87,997
社区成员
发帖
与我相关
我的任务
分享JS给Input文本框赋值怎么写？
<div>
<a href="#">网页</a>
<a href="#">新闻</a>
<a href="#">地图</a>
<a href="#">音乐</a>
<a href="#">图片</a>
</div>
<span>
<input type="text" value=""></input>
</span>点击 网页，则在input框中显示网页，当前被点击的标签加粗显示。
...全文
请发表友善的回复…
发表回复
那沉默的懒猫 2014-05-21
- 打赏
- 举报
+1
人生难得一只鸡 2014-05-20
- 打赏
- 举报
可以，只要你设置好了对应的样式，很多时候，你可以自己尝试一下
zhaofeng0420 2014-05-20
- 打赏
- 举报
<script type="text/javascript">
function selectTag(obj,vv){
document.getElementById("kw").value=vv;
var parentNode=obj.parentNode;
var aList=parentNode.children;
for(var i=0;i<aList.length;i++)
aList[i].style.color='#0000cc';
obj.style.color='#000';
}
</script>
最后一句能这样写吗？obj.className='aaa';
zyzy15 2014-05-19
- 打赏
- 举报
除了3楼的方式还能用下面两种方式
1~3是一种，需要结合<style>使用
4、5是一种
<style>
.b {color:black}
.r {color:red}
</style>
<a href="#" class="b" onclick="this.className='r'">1</a>
<a href="#" class="b" onclick="this.className='r'">2</a>
<a href="#" class="b" onclick="this.className='r'">3</a>
<a href="#" style="color:black" onclick="this.style.color='red'">4</a>
<a href="#" style="color:black" onclick="this.style.color='red'">5</a>
人生难得一只鸡 2014-05-19
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
a{color:#000;}
</style>
<script>
function selectTag(obj,vv){
//假设所有a初始字体颜色为黑色
document.getElementById("kw").value=vv;
var parentNode=obj.parentNode;
var aList=parentNode.children;
for(var i=0;i<aList.length;i++)
aList[i].style.color='#000';
obj.style.color='red';
}
</script>
</head>
<body>
<div>
<a href="javascript:void(0)" onClick="selectTag(this,'网页')">网页</a>
<a href="javascript:void(0)" onClick="selectTag(this,'新闻')">新闻</a>
<a href="javascript:void(0)" onClick="selectTag(this,'地图')">地图</a>
<a href="javascript:void(0)" onClick="selectTag(this,'音乐')">音乐</a>
<a href="javascript:void(0)" onClick="selectTag(this,'图片')">图片</a>
</div>
<span>
<input id="kw" type="text" value="" size="30"></input>
</span>
</body>
</html>
Cocl 2014-05-19
- 打赏
- 举报
选中的标签添加一个类，再在css写上相应样式就行，注意css的权重
___紫菜 2014-05-19
- 打赏
- 举报
这个已经搞定了，还有一个问题：有5个<a>标签，分别为1、2、3、4、5，默认字体颜色为黑色，点击后改为红色？？？[/quote]a:link {color: #000000} /* 未访问的链接的颜色 */
a:visited {color: #d90a81} /* 已访问的链接的颜色 */
a:hover {color: #d90a81} /* 当有鼠标悬停在链接上的颜色 */
a:active {color: #d90a81} /* 被选择的链接的颜色 */
zhaofeng0420 2014-05-19
- 打赏
- 举报
<script type="text/javascript">
function selectTag(vv){
document.getElementById("kw").value=vv;
}
</script>
<div>
<a href="javascript:void(0)" onClick="selectTag('网页')">网页</a>
<a href="javascript:void(0)" onClick="selectTag('新闻')">新闻</a>
<a href="javascript:void(0)" onClick="selectTag('地图')">地图</a>
<a href="javascript:void(0)" onClick="selectTag('音乐')">音乐</a>
<a href="javascript:void(0)" onClick="selectTag('图片')">图片</a>
</div>
<span>
<input id="kw" type="text" value="" size="30"></input>
</span>zhaofeng0420 2014-05-19
- 打赏
- 举报
点击1时，1为红色，点击2时，2为红色，还原1为默认颜色
zhaofeng0420 2014-05-18
- 打赏
- 举报
这个已经搞定了，还有一个问题：有5个<a>标签，分别为1、2、3、4、5，默认字体颜色为黑色，点击后改为红色？？？
yang_1224 2014-05-18
- 打赏
- 举报
<input type="text" id="example" />
document.getElementById("example").value="somethind";
