JS给input赋值问题
<!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>
上边这段代码只能实现给input赋一个值，我想让它可以多选，就是点"网页"后再点击”新闻” input对话框显示的是”网页 新闻“”两个选项(选项之间有空格)
请问下怎么实现，请大家帮我想想办法，谢谢
还有就是选项选中的情况下再点击下 input框里会把该选项值去掉
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
a {
color: #000;
}
</style>
<script>
var tmp = "",
dom;
function selectTag(obj, vv) {
if (!tmp) {
tmp = vv + " ";
} else if (tmp.search(vv) == -1) {
tmp += vv + " ";
} else if (tmp.search(vv) != -1) {
tmp = tmp.replace(vv + " ", "");
}
kw.value = tmp;
!! dom ? dom.style.color = "#000" : 0;
obj.style.color = 'red';
dom = obj;
}
onload = function() {
var as = document.getElementsByTagName("a");
for (var i = 0; i < as.length; i++) {
as[i].onclick = function() {
selectTag(this, this.innerHTML.replace(/^\s+|\s+$/g, ""));
}
}
}
</script>
</head>
<body>
<div> <a href="###">
网页
</a>
<a href="###">
新闻
</a>
<a href="###">
地图
</a>
<a href="###">
音乐
</a>
<a href="###">
图片
</a>
</div> <span>
<input id="kw" type="text" value="" size="30" />
</span>
</body>
</html>
