`
taiyang.yu
  • 浏览: 19118 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
oym1989
文章分类
社区版块
存档分类
最新评论

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

MicrosoftXHTML 
阅读更多
<!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>
分享到：
| jsp图形展示页面
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    下拉列表二级联动

    而“下拉列表二级联动”则是在此基础上的一种高级应用，它允许用户在选择第一个下拉列表的某个选项时，自动更新第二个下拉列表的选项，从而实现更加动态和智能的用户界面。这种技术广泛应用于各种场景，如地区选择...

    下拉列表自动跳转超链接网页

    一个简单的下拉列表（`&lt;select&gt;`）可以这样编写： ```html 请选择 选项1 选项2 &lt;!-- 添加更多选项 --&gt; ``` 这里的每个`&lt;option&gt;`元素代表下拉列表中的一个选项，`value`属性则存放对应超链接的URL。注意，...

    一个漂亮的下拉列表，去掉了灰色倒三角按钮

    2. 自定义下拉列表按钮：文件中特别提到“去掉了灰色倒三角按钮”，这是对下拉列表的默认显示样式进行修改的一个细节。通常，浏览器自带的下拉列表会在选项右侧有一个灰色的倒三角形图标，指示这是一个可展开的列表...

    WEB页面下拉列表带复选框

    标题 "WEB页面下拉列表带复选框" 描述了一个常见的网页交互元素设计，它将传统的下拉列表与多选功能结合，用户可以在一个下拉菜单中看到多个可选项，并通过勾选复选框来选择多个值。这种设计在数据过滤、用户偏好...

    JS下拉列表，漂亮的下拉列表（javascript）

    总之，这款JavaScript下拉列表组件提供了一种高效、灵活的解决方案，以满足各种网页应用中的选择需求。无论是对于新手还是经验丰富的开发者，都能快速集成并自定义这个组件，以适应他们的项目需求。通过深入理解这些...

    servlet+ajax做的两个下拉列表联动

    这种技术通常应用于表单中，当用户在一个下拉列表中选择一个选项时，另一个下拉列表会根据所选选项动态更新其内容。这在处理关联数据或筛选条件时非常有用，例如选择国家后，城市下拉列表自动更新为对应国家的城市。...

    javascript获取下拉列表的值

    `&lt;select&gt;`标签用于创建一个下拉列表，其中包含多个`&lt;option&gt;`标签，每个`&lt;option&gt;`代表用户可以选择的一个选项。例如： ```html &lt;option value="option1"&gt;Option 1 &lt;option value="option2"&gt;Option 2 ...

    ajax 下拉列表联动

    而通过AJAX，我们可以实现这些下拉列表的联动，即用户选择一个省后，相应的市（县）下拉列表会自动更新，无需刷新整个页面，提高用户体验。 实现这个功能的关键步骤包括： 1. **HTML结构**：首先，我们需要在HTML...

    超出页面宽度部分的菜单栏转为下拉列表.zip

    "超出页面宽度部分的菜单栏转为下拉列表"是一个有效的解决方案，它将无法在一行内显示的菜单项转换为下拉列表，从而节省空间并提高可访问性。 首先，我们需要理解CSS（层叠样式表）在实现这一功能中的作用。CSS允许...

    HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar

    本示例“HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar”提供了一个解决方案，它利用HTML5和JavaScript技术，将超出页面宽度的部分自动转换为下拉菜单，从而提高用户体验。 首先，我们来看HTML5在这个场景中...

    jquery简单实现级联下拉列表

    级联下拉列表是指当用户在一个下拉列表中选择某个选项时，会触发另一个或多个下拉列表的更新，以便显示与之相关的选项。这种交互方式可以提高用户体验，简化复杂的数据选择过程。 ### jQuery在级联下拉列表中的应用...

    Web页面可编辑的下拉列表框源码

    【标题】"Web页面可编辑的下拉列表框源码"是关于前端开发的一个特定功能实现，主要聚焦在用户交互的增强上。在传统的网页设计中，下拉列表框（Dropdown List）通常只允许用户从预设的选项中选择，但这个源码提供了一...

    级联下拉列表工具类，js实现

    1. **级联下拉列表**: 由多个下拉列表组成，用户在选择第一个下拉列表的选项后，后面的下拉列表会根据前一个选项的选择动态更新显示内容。 2. **JSON数据源**: 级联下拉列表的数据通常存储为JSON格式，每个对象...

    Qt简单方法实现下拉列表菜单

    在Qt框架中，创建一个具有下拉列表功能的按钮是一个常见的需求，这通常涉及到自定义控件或使用现有的Qt部件来实现。在这个场景中，我们可以使用`QPushButton`和`QWidget`来构造一个简单的下拉菜单，它允许用户展开...

    省市区下拉列表.rar

    "省市区下拉列表.rar"是一个压缩包文件，其中包含了用于实现这一功能的JavaScript代码。这个资源对于那些想要在网页中添加可交互的省市区选择组件的开发者来说非常有用。下面将详细解释如何使用JavaScript来创建省市...

    下拉列表控件的控制

    当用户选择省份时，会触发一个事件，该事件发送请求到服务器，服务器查询数据库获取对应省份的城市数据，然后将这些数据返回给前端，前端再用这些数据填充城市下拉列表。 在这个项目中，C#可能被用作后台处理语言，...

    带有复选框的下拉列表

    在网页设计中，有时我们需要创建一个具有复选框功能的下拉列表，让用户可以多选选项。本示例提供了一种实现这一功能的方法，通过两种技术：使用纯HTML和CSS的DIV控制，以及利用JQUERY库。这两种方法都可以有效地增强...

    AJAX实现的动态下拉列表框例子

    在网页设计中，动态下拉列表框是一种常见且实用的功能，它能提升用户体验，使得用户在选择时无需刷新页面即可获取更多选项。本示例主要介绍如何使用AJAX（Asynchronous JavaScript and XML）技术来实现这样的功能。...

    Ajax实现java web 中下拉列表二级联动

    1. **创建HTML页面**：在HTML页面中，我们设置两个`&lt;select&gt;`元素，分别代表一级和二级下拉列表。通常，一级下拉列表的初始值可以通过JavaScript动态填充，二级下拉列表的值根据一级的选择动态加载。 2. **编写...

    带复选框的下拉列表

    在IT界，交互设计是提升用户...综上所述，"带复选框的下拉列表"是一个实用的用户界面元素，涉及前端和后端技术，以及良好的交互设计原则。通过深入理解和合理运用这些知识点，我们可以创建出更加高效、易用的应用程序。

Magicbox
Global site tag (gtag.js) - Google Analytics