类似购物网站的颜色选择器,代码已经有了,现在是怎么通过FORM来传递所得到的这个颜色值,而且怎么判断这个值不为空,代码如下:
<style>   
.unchecked{   
  border: 1px solid gray;   
  padding: 6px 6px 6px 6px;   
}   
.checked{   
  border: 2px solid #c00;   
  padding: 6px 6px 6px 6px;   
}   
</style>   
<script src="http://code. ></script>   
<script type="text/javascript">   
var obj={   
  colorSpan:"",   
  sizeSpan:""   
};   
function change(span)   
{   
  $('span[name="'+$(span).attr('name')+'"]').each(function(){   
  if(this.checked&&this!=span)   
  {   
  this.className="unchecked";   
  this.checked=false;   
  }   
  });   
  obj[$(span).attr('name')]=span.innerHTML;   
  span.className="checked";   
  span.checked=true;   
  select();   
}   
function select()   
{   
  var html='';   
  for(var i in obj)   
  {   
  if(obj[i]!='')   
  {   
  html+='<font color=orange>"'+ obj[i]+'"</font> 、';   
  }   
  }   
  html='<b>已选择:</b> '+html.slice(0,html.length-1);   
  $('#resultSpan').html(html);   
   
}   
</script>   

<div>   
颜色: <span class='unchecked' name='colorSpan' checked='false' onclick='change(this);' >卡其格</span> <span class='unchecked' name='colorSpan' checked='false' onclick='change(this);' >黑白格</span>   
</div>   

<div>   
<b>提示:</b> <span id='resultSpan'></span>   
</div>

将颜色值赋给表单提交即可

function select()  
{  
  var html='';  
  for(var i in obj)  
  {  
  if(obj[i]!='')  
  {  
  html+='<font color=orange>"'+ obj[i]+'"</font> 、';
  colorname=obj[i];
  }  
  }  
  html='<b>已选择:</b> '+html.slice(0,html.length-1);  
  $('#resultSpan').html(html);  
  $("#selectedcolor").attr("value",colorname);
  //alert($('#selectedcolor').attr("value"));
}  

加一个隐藏域

<input name="selectedcolor" id="selectedcolor" type="hidden" value="">