当前位置: 代码迷 >> Web前端 >> 一个比较实用的上拉列表应用页面
  详细解决方案

一个比较实用的上拉列表应用页面

热度:271   发布时间:2012-11-04 10:42:41.0
一个比较实用的下拉列表应用页面
<!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=gb2312" />
<title>梭织面辅料</title>
<style type="text/css">
<!--
body{
font-size:13px;
}
.title th, .title td { border: 1px solid #CAD9EA; padding: 2px; }
/*表格样式*/
table.t1{
border:1px solid #cad9ea;
color:#666;
}
table.t1 th {
background-image: url(th_bg1.gif);
background-repeat::repeat-x;
height:23px;
}
table.t1 td,table.t1 th{
border:1px solid #cad9ea;
padding:0 1em 0;
}
table.t1 tr.a1{
background-color:#f5fafe;
}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
</style>
<script>
function oth2(id){
document.getElementById("aa"+id).innerHTML= "<input type='test' id = 'bb"+id+"' class='txt'/>"
}
function oth(id){
var  b=document.getElementById("bb"+id).value;
if(b=="其它"){
document.getElementById("aa"+id).innerHTML= "<input type='test' id = 'bb"+id+"' class='txt'/>"
}
}
//创建select
function selts(p,len){
//定义一个数组保存控件的值
//var len = ['请选择','胶钮','金属钮','急钮','车缝钮','工字钮','穿面五爪钮','仿壳钮','真贝壳钮','布包钮','其他'];
//定义一个变量来控制第几个控件
//var p =2;
document.getElementById("aa"+p).innerHTML="";//清空之前DIV里的控件
var mySelect = document.createElement("select"); //创建SELECT控件
mySelect.id = "bb"+p;  //定义ID
mySelect.attachEvent('onchange',function(){ return chge.apply(this,[p]);}); //设置动作参数为2
//用循环给select控件绑定值
for(var i=0;i<len.length;i++){
objOption = document.createElement("OPTION");  
objOption.text = len[i];
if(len[i]=="请选择"){
objOption.value=""
}else{
objOption.value = len[i];
}
mySelect.options.add(objOption);
}
document.getElementById("aa"+p).appendChild(mySelect);//添加到DIV里面
}
function chge(id){
//得到选中的下拉框的值
var name = document.getElementById("bb"+id).value;
//纽扣***************************************
if(name=="弹力棉"){
//钮的第2列
var len = ['--','其它'];
selts(2,len);
//钮的第3列
var len = ['请选择','斜布','珠帆','府绸','直贡布','平绒','竹节斜布','骑兵斜布','提花布','猫眼布','人字纹布','坑条布','灯芯绒','其它'];
selts(3,len)

}
//------------------------------
if(name=="斜布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="珠帆"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="府绸"){
var len = ['请选择','97%棉+3%氨纶','其它'];
selts(4,len)
var len=['请选择','170*76/50*50+40D','其它'];
selts(5,len)
}
if(name=="直贡布"){
var len = ['请选择','2%氨纶+98%棉','其它'];
selts(4,len)
var len=['请选择','165*100/40*40+40D','其它'];
selts(5,len)
}
if(name=="平绒"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="竹节斜布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="骑兵斜布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len)
var len=['请选择','128*60/20*16+30D','其它'];
selts(5,len)
}
if(name=="提花布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="猫眼布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="人字纹布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}
if(name=="坑条布"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len);
oth2('5');
}

if(name=="灯芯绒"){
var len = ['请选择','98%棉+2%氨纶','其它'];
selts(4,len)
var len=['请选择','8坑/11坑/','14坑/16坑/','21坑/24坑/','其它'];
selts(5,len)
}
//***************************************************************
if(name=="弹力T/C"){
//定义一个数组保存控件的值
var len = ['--','其它'];
selts(2,len);
var len = ['请选择','府绸','其它'];
selts(3,len);
}
var df=document.getElementById("bb1").value;
if(name=="府绸" && id==3 && df=="弹力T/C"){
var len = ['请选择','62%涤+35%棉+3%氨纶','其它'];
selts(4,len)
var len=['请选择','45*45+30D/110*76','其它'];
selts(5,len)
}
//****************************************************
if(name=="弹力化纤"){
var len = ['--','其它'];
selts(2,len);
var len = ['请选择','色丁布','其它'];
selts(3,len);
}
if(name=="色丁布"){
var len = ['请选择','98%涤+2%氨纶','其它'];
selts(4,len)
var len=['请选择','40D*40D/210T','其它'];
selts(5,len)
}
if(name=="其它"){
oth(id);
}
}
var src="";
function getvaluest()
{
   src = "";
  
   var va1 = document.getElementById("bb1").value;
   if(va1==""){
   va1="无";
   }
   var va2 = document.getElementById("bb2").value;
   if(va2==""){
   va2="无";
   }
  
   var va3 = document.getElementById("bb3").value;
   if(va3==""){
   va3="无";
   }
  
   var va4 = document.getElementById("bb4").value;
   if(va4==""){
   va4="无";
   }
  
   var va5 = document.getElementById("bb5").value;
   if(va5==""){
   va5="无";
   }
      
   var va6="";
    for(var i=0;i<gyi.length;i++){
if(gyi[i].checked){
va6+=gyi[i].value+",";
}
}
var vvv6="";
if(va6==""){
   vvv6="无";  
   }else{ 
    vvv6=va6.substring(0,va6.length-1);
}

var sd=va1+va2+va3+va4+va5+vvv6;
document.getElementById("seca").value=sd;   
    src = "质料:"+va1+"||"+"名称:"+va2+"||"+"织法/名称:"+va3+"||"+"成分:"+va4+"||"+"规格:"+va5+"||"+"工艺规格:"+vvv6;
 
   window.returnValue =src;
   alert(src);
   window.close();
}
</script>
<script>
function other2(id){
document.getElementById("a"+id).innerHTML= "<input type='test' id = 'b"+id+"' class='txt'/>"
}
function other(id){
var  b=document.getElementById("b"+id).value;
if(b=="其它"){
document.getElementById("a"+id).innerHTML= "<input type='test' id = 'b"+id+"' class='txt'/>"
}
}
//创建select
function selects(p,len){
//定义一个数组保存控件的值
//var len = ['请选择','胶钮','金属钮','急钮','车缝钮','工字钮','穿面五爪钮','仿壳钮','真贝壳钮','布包钮','其它'];
//定义一个变量来控制第几个控件
//var p =2;
document.getElementById("a"+p).innerHTML="";//清空之前DIV里的控件
var mySelect = document.createElement("select"); //创建SELECT控件
mySelect.id = "b"+p;  //定义ID
mySelect.attachEvent('onchange',function(){ return change.apply(this,[p]);}); //设置动作参数为2
//用循环给select控件绑定值
for(var i=0;i<len.length;i++){
objOption = document.createElement("OPTION");  
objOption.text = len[i];
if(len[i]=="请选择"){
objOption.value=""
}else{
objOption.value = len[i];
}
mySelect.options.add(objOption);
}
document.getElementById("a"+p).appendChild(mySelect);//添加到DIV里面
}
function change(id){
//得到选中的下拉框的值
var name = document.getElementById("b"+id).value;
//纽扣***************************************
if(name=="全棉"){
//钮的第2列
var len = ['--','其它'];
selects(2,len)
//钮的第3列
var len = ['请选择','斜布','竹节斜布','骑兵斜布','珠帆','猫眼布','直贡布','人字纹布','府绸','巴黎纱','麦尔纱','提花布','坑条布','平绒','仿平绒','灯芯绒','提花灯芯绒','不规则条灯芯绒','其它'];
selects(3,len);
var len = ['请选择','100%棉','其它'];
selects(4,len);
}
//------------------------------
if(name=="斜布"){
var len=['请选择','143*112/40*40','128*60/20*16','其它'];
selects(5,len)
}
if(name=="珠帆"){
other2('5');
}
if(name=="府绸"){
var len=['请选择','120*70/40*40','133*72/40*40','144*80/50*50','90*88/60*60','200*176/80*100','其它'];
selects(5,len)
}
if(name=="巴黎纱"){
var len=['请选择','90*88/80*80','其它'];
selects(5,len)
}
if(name=="竹节斜布"){
other2('5');
}
if(name=="骑兵斜布"){
var len=['请选择','128*60/20*16+30D','其它'];
selects(5,len)
}
if(name=="猫眼布"){
other2('5');
}
if(name=="人字纹布"){
other2('5');
}
if(name=="坑条布"){
other2('5');
}
if(name=="提花布"){
other2('5');
}
if(name=="麦尔纱"){
other2('5');
}
if(name=="平绒"){
other2('5');
}
if(name=="仿平绒"){
other2('5');
}
if(name=="直贡布"){
var len=['请选择','165*100/40*40','其它'];
selects(5,len)
}
if(name=="不规则条灯芯绒"){
other2('5');
}
if(name=="提花灯芯绒"){
other2('5');
}
if(name=="灯芯绒"){
var len=['请选择','8坑/11坑/','14坑/16坑/','21坑/24坑/','其它'];
selects(5,len)
}
//***************************************************************
if(name=="全涤"){
//定义一个数组保存控件的值
var len = ['--','其它'];
selects(2,len);
var len = ['请选择','仿真色丝丁布','色丁布','乔其','雪纺','皱纹雪纺','油光布','其它'];
selects(3,len);
var len = ['请选择','100%涤纶','其它'];
selects(4,len);
}
if(name=="仿真丝色丁布"){
other2('5');
}
if(name=="色丁布"){
other2('5');
}
if(name=="乔其"){
var len=['请选择','30D/','40D/','75D/','100D/','其它'];
selects(5,len)
}
if(name=="雪纺"){
var len=['请选择','30D/','40D/','75D/','100D/','其它'];
selects(5,len)
}
if(name=="皱纹雪纺"){
var len=['请选择','30D/','40D/','75D/','100D/','其它'];
selects(5,len)
}
if(name=="油光布"){
var len=['请选择','210T/230T','290T/300T','其它'];
selects(5,len)
}
//****************************************************
if(name=="尼龙"){
var len = ['--','其它'];
selects(2,len);
var len = ['请选择','超亮油光布','油光布','斜纹布','暗格布','其它'];
selects(3,len);
var len = ['请选择','100%尼龙','其它'];
selects(4,len)
}
if(name=="超亮油光布"){
var len=['请选择','210T/230T','290T/300T','其它'];
selects(5,len)
}
if(name=="油光布"){
var len=['请选择','210T/230T','290T/300T','其它'];
selects(5,len)
}
if(name=="斜纹布"){
other2('5');
}
if(name=="暗格布"){
other2('5');
}
//****************************************************
if(name=="麻质"){
var len = ['--','其它'];
selects(2,len);
var len = ['请选择','平布','人字纹布','其它'];
selects(3,len);
var len = ['请选择','100%苎麻/亚麻','其它'];
selects(4,len);
}
if(name=="平布"){
other2('5');
}
var dfs=document.getElementById("b1").value;
if(name=="人字纹布" && id==3 && dfs=="麻质"){
other2('5');
}
//***************************************************************
if(name=="真丝"){
//定义一个数组保存控件的值
var len = ['--','其它'];
selects(2,len);
var len = ['请选择','乔其','顺减','雪纺','皱纹雪纺','电力纺','色丁布','其它'];
selects(3,len);
var len = ['请选择','100%丝','其它'];
selects(4,len);
}
var ddd=document.getElementById("b1").value;

if(name=="乔其" && id==3 && ddd=="真丝"){
var len=['请选择','8毫米/','10毫米/','12毫米/','其它'];
selects(5,len);
}
if(name=="顺减" && id==3 && ddd=="真丝"){
var len=['请选择','8毫米/','10毫米/','12毫米/','其它'];
selects(5,len)
}
if(name=="雪纺" && id==3 && ddd=="真丝"){
var len=['请选择','30D/','40D/','75D/','100D/','其它'];
selects(5,len)
}
if(name=="皱纹雪纺"){
var len=['请选择','30D/','40D/','75D/','100D/','其它'];
selects(5,len)
}
if(name=="电力纺"){
var len=['请选择','8毫米/','10毫米/','12毫米/','其它'];
selects(5,len)
}
if(name=="色丁布" && id==3 && ddd=="真丝"){
other2('5');
}
//****************************************************
if(name=="人棉"){
var len = ['--','其它'];
selects(2,len);
var len = ['请选择','平布','斜布','人字纹布','其它'];
selects(3,len);
var len = ['请选择','100%粘纤','其它'];
selects(4,len);
}

if(name=="平布" && id==3 && ddd=="人棉"){
other2('5');
}
if(name=="斜布" && id==3 && ddd=="人棉"){
other2('5');
}
if(name=="人字纹布" && id==3 && ddd=="人棉"){
other2('5');
}
//****************************************************
if(name=="混纺"){
var len = ['请选择','T/C涤棉','T/R涤粘纤','N/C尼龙棉','丝绵','R/N人棉/尼龙','麻/人棉','麻/棉','羊毛','其它'];
selects(2,len);
}
if(name=="T/C涤棉"){
var len = ['请选择','平布','色丁布','斜纹布','灯芯绒','提花布','其它'];
selects(3,len);
}

var dsfsdd=document.getElementById("b2").value;


if(name=="平布" && id==3 && dsfsdd=="T/C涤棉"){
var len = ['请选择','65%涤+35%棉','其它'];
selects(4,len);
other2('5');
}
if(name=="色丁布" && id==3 && dsfsdd=="T/C涤棉"){
var len = ['请选择','65%涤+35%棉','其它'];
selects(4,len);
other2('5');
}
if(name=="斜纹布" && id==3 && dsfsdd=="T/C涤棉"){
var len = ['请选择','65%涤+35%棉','其它'];
selects(4,len);
other2('5');
}
if(name=="灯芯绒" && id==3 && dsfsdd=="T/C涤棉"){
other2('4');
var len = ['请选择','8坑','11坑','14坑','16坑','21坑','其它'];
selects(5,len);
}
if(name=="提花布" && id==3 && dsfsdd=="T/C涤棉"){
var len = ['请选择','65%涤+35%棉','其它'];
selects(4,len);
other2('5');
}

if(name=="T/R涤粘纤"){
var len = ['请选择','府绸','平布','斜纹布','提花布','其它'];
selects(3,len);
}
var dadsd=document.getElementById("b2").value;

if(name=="府绸" && id==3 && dadsd=="T/R涤粘纤"){
var len = ['请选择','65%涤+35%粘纤','其它'];
selects(4,len);
other2('5');
}
if(name=="平布" && id==3 && dadsd=="T/R涤粘纤"){
var len = ['请选择','65%涤+35%粘纤','其它'];
selects(4,len);
other2('5');
}
if(name=="斜纹布" && id==3 && dadsd=="T/R涤粘纤"){
var len = ['请选择','65%涤+35%粘纤','其它'];
selects(4,len);
other2('5');
}
if(name=="提花布" && id==3 && dadsd=="T/R涤粘纤"){
var len = ['请选择','65%涤+35%粘纤','其它'];
selects(4,len);
other2('5');
}

if(name=="N/C尼龙棉"){
var len = ['请选择','平布','色丁布','斜纹布','提花布','其它'];
selects(3,len);
}
var ddd=document.getElementById("b2").value;

if(name=="平布" && id==3 && ddd=="N/C尼龙棉"){
var len = ['请选择','80%棉+20%尼龙','其它'];
selects(4,len);
other2('5');
}
if(name=="色丁布" && id==3 && ddd=="N/C尼龙棉"){
var len = ['请选择','80%棉+20%尼龙','其它'];
selects(4,len);
other2('5');
}
if(name=="斜纹布" && id==3 && ddd=="N/C尼龙棉"){
var len = ['请选择','80%棉+20%尼龙','其它'];
selects(4,len);
other2('5');
}
if(name=="提花布"  ){
var len = ['请选择','80%棉+20%尼龙','其它'];
selects(4,len);
other2('5');
}
if(name=="丝绵"){
var len = ['请选择','斜纹布','平布','其它'];
selects(3,len);
}

var dddsss=document.getElementById("b2").value;

if(name=="斜纹布" && id==3 && dddsss=="丝绵"){
var len = ['请选择','77%棉+23%丝','65%棉+35%丝','其它'];
selects(4,len);
other2('5');
}
if(name=="平布" && id==3 && dddsss=="丝绵"){
var len = ['请选择','77%棉+23%丝','65%棉+35%丝','其它'];
selects(4,len);
var len = [' 请选择','8毫米','10毫米','12毫米','其它'];
selects(5,len);
}

if(name=="R/N人棉/尼龙"){
var len = ['请选择','平布','斜纹布','提花布','其它'];
selects(3,len);
}
var ddssaaa=document.getElementById("b2").value;
if(name=="平布" && id==3 && ddssaaa=="R/N人棉/尼龙"){
other2('4');
other2('5');
}
if(name=="斜纹布" && id==3 && ddssaaa=="R/N人棉/尼龙"){
other2('4');
other2('5');
}
if(name=="提花布" && id==3 && ddssaaa=="R/N人棉/尼龙"){
other2('4');
other2('5');
}
if(name=="麻/人棉"){
var len = ['请选择','平布','其它'];
selects(3,len);
}
var dsdaa=document.getElementById("b2").value;
if(name=="平布" && id==3 && ddssaaa=="麻/人棉"){
var len = ['请选择','65%麻+35%人棉','65%麻+35%棉','其它'];
selects(4,len);
other2('5');
}

if(name=="麻/棉"){
var len = ['请选择','平布','其它'];
selects(3,len);
}
var dsdsdsda=document.getElementById("b2").value;
if(name=="平布" && id==3 && dsdsdsda=="麻/棉"){
var len = ['请选择','65%麻+35%人棉','65%麻+35%棉','其它'];
selects(4,len);
other2('5');
}

if(name=="羊毛"){
var len = ['请选择','平布','提花布','色织布','斜纹布','其它'];
selects(3,len);
}
var daaaaaa=document.getElementById("b2").value;
if(name=="平布" && id==3 && daaaaaa=="羊毛"){
var len = ['请选择','60%羊毛+30%涤+10%粘纤','70%羊毛+20%涤+10%粘纤','50%羊毛+50%涤','其它'];
selects(4,len);
other2('5');
}
if(name=="提花布" && id==3 && daaaaaa=="羊毛"){
var len = ['请选择','60%羊毛+30%涤+10%粘纤','70%羊毛+20%涤+10%粘纤','50%羊毛+50%涤','其它'];
selects(4,len);
other2('5');
}
if(name=="色织布" && id==3 && daaaaaa=="羊毛"){
var len = ['请选择','60%羊毛+30%涤+10%粘纤','70%羊毛+20%涤+10%粘纤','50%羊毛+50%涤','其它'];
selects(4,len);
other2('5');
}
if(name=="斜纹布" && id==3 && daaaaaa=="羊毛"){
var len = ['请选择','60%羊毛+30%涤+10%粘纤','70%羊毛+20%涤+10%粘纤','50%羊毛+50%涤','其它'];
selects(4,len);
other2('5');
}
if(name=="其它"){
other(id);
}
}
var src="";
function getvalues()
{
   src = "";
  
   var va1 = document.getElementById("b1").value;
   if(va1==""){
   va1="无";
   }
   var va2 = document.getElementById("b2").value;
   if(va2==""){
   va2="无";
   }
  
   var va3 = document.getElementById("b3").value;
   if(va3==""){
   va3="无";
   }
  
   var va4 = document.getElementById("b4").value;
   if(va4==""){
   va4="无";
   }
  
   var va5 = document.getElementById("b5").value;
   if(va5==""){
   va5="无";
   }  
    var va6="";
    for(var i=0;i<gongyi.length;i++){
if(gongyi[i].checked){
va6+=gongyi[i].value+",";
}
}  
    var vvv6="";
if(va6==""){
   vvv6="无";  
   }else{ 
    vvv6=va6.substring(0,va6.length-1);
}

var sd=va1+va2+va3+va4+va5+vvv6;
document.getElementById("secAll").value=sd;   
    src = "质料:"+va1+"||"+"名称:"+va2+"||"+"织法/名称:"+va3+"||"+"成分:"+va4+"||"+"规格:"+va5+"||"+"工艺规格:"+vvv6;
   window.returnValue =src;
   alert(src);
   window.close();
}

function window.onunload()

   window.returnValue =src;
}


function src_replace(str)
{
  str=str.replace(/\%/g,"%");
  str=str.replace(/\'/g,"'");
  str=str.replace(/\~/g,"~");
  str=str.replace(/\#/g,"#");
  str=str.replace(/\&/g,"&");
  str=str.replace(/\^/g,"^");
  str=str.replace(/\"/g,""");
  str=str.replace(/\+/g,"+");
  return str;
}
</script>



<script language="javascript" type="text/javascript">
function hdi(){
var divhidden2=document.getElementById("div2");
var divhidden3=document.getElementById("div3");
divhidden2.style.visibility="hidden";
divhidden3.style.visibility="hidden";
}
function rtb(){
var divhidden1=document.getElementById("div1");
var divhidden2=document.getElementById("div2");
var divhidden3=document.getElementById("div3");
var tde;
for(var i=0;i<radiobutton.length;i++){
if(radiobutton[i].checked==true){

divhidden1.style.visibility="hidden";
tde=radiobutton[i].value
}
}
if(tde==="弹力"){
divhidden2.style.visibility="visible";
}
  if(tde==="不弹力"){
divhidden3.style.visibility="visible";
  }
}

</script>
</head>

<body onload="hdi();">

<div id="div1">
<center>
  <p>请选择:
      <input type="radio" name="radiobutton" value="弹力"  onclick="rtb()" />
    弹力
      <input  type="radio" name="radiobutton" value="不弹力" onclick="rtb()" />
    不弹力</p>
</center>
</div>
<div>
<center>
<div id="div2" style=" float:left"><table width="342" height="71"  border="1" align="center" cellpadding="0" cellspacing="0" class="t1">
  <th height="13" colspan="6"></th>
  <tr>
<td width="112" height="28"><div align="right">质料:</div></td>
<td width="214"><div id="aa1">
  <select id="bb1" onchange="chge('1')">
<option>请选择</option>
<option value="弹力棉">弹力棉</option>
<option value="弹力T/C">弹力T/C</option>
<option value="弹力化纤">弹力化纤</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">名称:</div></td>
<td width="214"><div id="aa2">
  <select id="bb2" onchange="chge('2')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">织法/名称:</div></td>
<td width="214"><div id="aa3">
  <select id="bb3" onchange="chge('3')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">成分:</div></td>
<td width="214"><div id="aa4">
  <select id="bb4" onchange="chge('4')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">规格:</div></td>
<td width="214"><div id="aa5">
  <select id="bb5" onchange="chge('5')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">工艺处理:</div></td>
<td width="214"><div id="aa6">
<input type="checkbox" name="gyi" value="磨毛面"/>磨毛面
<input type="checkbox" name="gyi" value="色织" />色织
<input type="checkbox" name="gyi" value="匹印花"/>匹印花
<br/>
<input type="checkbox" name="gyi"  value="匹植绒" />匹植绒
<input type="checkbox" name="gyi"  value="涂层"/>涂层
<input type="checkbox" name="gyi"  value="马骝洗"/>马骝洗
<br/>
<input type="checkbox" name="gyi"  value="成衣印花"/>成衣印花
<input type="checkbox" name="gyi"   value="转移"/>转移
<input type="checkbox" name="gyi"  value="烧花"/>烧花
<br />
<input type="checkbox" name="gyi"  value="成衣普洗"/>成衣普洗
<input type="checkbox" name="gyi"  value="碧纹"/>碧纹
<input type="checkbox" name="gyi"  value="压皱"/>压皱
<br />
<input type="checkbox" name="gyi"  value="面料普洗"/>面料普洗
<input type="checkbox" name="gyi"  value="丝光"/>丝光
<input type="checkbox" name="gyi"  value="扎染"/>扎染
<br />
<input type="checkbox" name="gyi"  value="擦白"/>擦白
<input type="checkbox" name="gyi"  value="酸洗"/>酸洗
<input type="checkbox" name="gyi"  value="雪花洗"/>雪花洗  
   </div></td>
    </tr>    
  <tr>
<td height="28">&nbsp;</td>
<td width="214"><label>
  <input type="button" name="Submit1" class=btn3_mouseout onMouseOver="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'"  value="保存" onclick="getvaluest()" />
</label></td>
  </tr>  
</table>
<center>
<p>
  <input name="text" type="text" id="seca" width="380" />
</p>
</center>
</div>
<div id="div3"  style=" float:left">
<table width="342" height="71"  border="1" align="center" cellpadding="0" cellspacing="0" class="t1">
  <th height="13" colspan="6"></th>
  <tr>
<td width="112" height="28"><div align="right">质料:</div></td>
<td width="214"><div id="a1">
  <select id="b1" onchange="change('1')">
<option>请选择</option>
<option value="全棉">全棉</option>
<option value="全涤">全涤</option>
<option value="尼龙">尼龙</option>
<option value="麻质">麻质</option>
<option value="真丝">真丝</option>
<option value="人棉">人棉</option>
<option value="混纺">混纺</option>
<option value="纯羊毛">纯羊毛</option>
<option value="真皮">真皮</option>
<option value="PU">PU</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">名称:</div></td>
<td width="214"><div id="a2">
  <select id="b2" onchange="change('2')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">织法/名称:</div></td>
<td width="214"><div id="a3">
  <select id="b3" onchange="change('3')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">成分:</div></td>
<td width="214"><div id="a4">
  <select id="b4" onchange="change('4')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
  <tr>
<td width="112" height="28"><div align="right">规格:</div></td>
<td width="214"><div id="a5">
  <select id="b5" onchange="change('5')">
<option>请选择</option>
<option value="其它">其它</option>
  </select>
</div></td>
  </tr>
   <tr>
<td width="112" height="28"><div align="right">工艺处理:</div></td>
<td width="214"><div id="a6">
<input type="checkbox" name="gongyi" value="磨毛面"/>磨毛面
<input type="checkbox" name="gongyi" value="色织" />色织
<input type="checkbox" name="gongyi" value="匹印花"/>匹印花
<br/>
<input type="checkbox" name="gongyi"  value="匹植绒" />匹植绒
<input type="checkbox" name="gongyi"  value="涂层"/>涂层
<input type="checkbox" name="gongyi"  value="马骝洗"/>马骝洗
<br/>
<input type="checkbox" name="gongyi"  value="成衣印花"/>成衣印花
<input type="checkbox" name="gongyi"   value="转移"/>转移
<input type="checkbox" name="gongyi"  value="烧花"/>烧花
<br />
<input type="checkbox" name="gongyi"  value="成衣普洗"/>成衣普洗
<input type="checkbox" name="gongyi"  value="碧纹"/>碧纹
<input type="checkbox" name="gongyi"  value="压皱"/>压皱
<br />
<input type="checkbox" name="gongyi"  value="面料普洗"/>面料普洗
<input type="checkbox" name="gongyi"  value="丝光"/>丝光
<input type="checkbox" name="gongyi"  value="扎染"/>扎染
<br />
<input type="checkbox" name="gongyi"  value="擦白"/>擦白
<input type="checkbox" name="gongyi"  value="酸洗"/>酸洗
<input type="checkbox" name="gongyi"  value="雪花洗"/>雪花洗
</div></td>
    </tr>    
  <tr>
<td height="28">&nbsp;</td>
<td width="214"><label>
  <input type="button" name="Submit" class=btn3_mouseout onMouseOver="this.className='btn3_mouseover'"
onmouseout="this.className='btn3_mouseout'"
onmousedown="this.className='btn3_mousedown'"
onmouseup="this.className='btn3_mouseup'"  value="保存" onclick="getvalues()" />
</label></td>
  </tr> 
</table>
<center>
<p>
<input type="text" id="secAll" width="380" />
</p>
</center>
</div>
</center>
</div>
</body>
</html>
  相关解决方案