js获取span的值，并赋值问题

Question

     
<%
dim arrcpys,myarrcpys,cpys_i,arrcpcm,myarrcpcm,cpcm_i
arrcpys=oRs("cpys")
arrcpcm=oRs("cpcm")
myarrcpys=split(arrcpys,",")
myarrcpcm=split(arrcpcm,",")
%>
<div style="margin-top:2px; margin-left:10px; width:400px; height:100px; font-family:'宋体'; line-height:28px; font-size:12px;float:left; background-color:#fffee6;border:#ff9900 solid 1px; padding-top:5px; padding-left:10px;"  onmouseover="this.style.border='1px solid #99CC99'" onmouseout="this.style.border='1px solid #ff9900'">
你已经选择：<span style="border:#BDBDBD solid 1px; background-color:#EBEBEB; width:80px;"></span><br />
颜色：
<%
for cpys_i=0 to ubound(myarrcpys)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;'>" & myarrcpys(cpys_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
尺码：
<%
for cpcm_i=0 to ubound(myarrcpcm)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;'>" & myarrcpcm(cpcm_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
数量：&nbsp;<input style="border:#C4C4C4 solid 1px; text-align:center;" name="cpsl" size="2" type="text" value="1"  />
 </DIV> 代码如上：在下面的颜色  或者尺码中 选择  比如 颜色 选择 红色  尺码选择 均码  然后在上面的你已经选择了 span中 显示下面已经选择的 红色、均码具体效果如:  http://www.makamaso.com/?product-121.html  这里一样不知道能否实现

Answer 1

试下
<script type="text/javascript">
<!--
function kk (obj) {
document.getElementById("jj").innerHTML += (" " + obj.innerHTML);
}
//-->
</script>
<%
dim arrcpys,myarrcpys,cpys_i,arrcpcm,myarrcpcm,cpcm_i
arrcpys=oRs("cpys")
arrcpcm=oRs("cpcm")
myarrcpys=split(arrcpys,",")
myarrcpcm=split(arrcpcm,",")
%>
<div style="margin-top:2px; margin-left:10px; width:400px; height:100px; font-family:'宋体'; line-height:28px; font-size:12px;float:left; background-color:#fffee6;border:#ff9900 solid 1px; padding-top:5px; padding-left:10px;"  onmouseover="this.style.border='1px solid #99CC99'" onmouseout="this.style.border='1px solid #ff9900'">
你已经选择：<span style="border:#BDBDBD solid 1px; background-color:#EBEBEB; width:80px;" id="jj"></span><br />
颜色：
<%
for cpys_i=0 to ubound(myarrcpys)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;' onclick='kk(this)'>" & myarrcpys(cpys_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
尺码：
<%
for cpcm_i=0 to ubound(myarrcpcm)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;' onclick='kk(this)'>" & myarrcpcm(cpcm_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
数量：&nbsp;<input style="border:#C4C4C4 solid 1px; text-align:center;" name="cpsl" size="2" type="text" value="1"  />
 </DIV>

Answer 2

2楼的方法有用 非常感谢，但有个小BUG 就是我选择红色 上面也提示是红色，但我在选择一些红色，他上面又出来一个红色，重复了，最好是只能选择一个颜色，比如 我下面选择红色，然后在选择蓝色，第一次选择的红色就变成蓝色了
<script type="text/javascript">
<!--
function cc (obj) {
document.getElementById("cc").innerHTML += (" " + obj.innerHTML);
}
function yy (obj) {
document.getElementById("yy").innerHTML += (" " + obj.innerHTML);
}
//-->
</script>[code=VB]
<%
dim arrcpys,myarrcpys,cpys_i,arrcpcm,myarrcpcm,cpcm_i
arrcpys=oRs("cpys")
arrcpcm=oRs("cpcm")
myarrcpys=split(arrcpys,",")
myarrcpcm=split(arrcpcm,",")
%>
<div style="margin-top:2px; margin-left:10px; width:400px; height:100px; font-family:'宋体'; line-height:26px; font-size:12px;float:left; background-color:#fffee6;border:#ff9900 solid 1px; padding-top:5px; padding-left:10px;"  onmouseover="this.style.border='1px solid #99CC99'" onmouseout="this.style.border='1px solid #ff9900'">
你已经选择：<span id="yy" style=" color:#FF0000;"></span>&nbsp;&nbsp;<span id="cc" style=" color:#FF0000;"></span><br />
颜色：
<%
for cpys_i=0 to ubound(myarrcpys)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;' onclick='yy(this)'>" & myarrcpys(cpys_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
尺码：
<%
for cpcm_i=0 to ubound(myarrcpcm)
response.Write "<span style='border:#BDBDBD solid 1px; background-color:#ffffff;' onclick='cc(this)'>" & myarrcpcm(cpcm_i) & "</span>&nbsp;&nbsp;"
next
%>
<br />
数量：&nbsp;<input style="border:#C4C4C4 solid 1px; text-align:center;" name="cpsl" size="2" type="text" value="1"  />
 </DIV> 这个是现在的代码！[/code]