javascript操作select下拉列表框的一点小经验
2010-03-19 13:43
585 查看
[align=justify]今天客户对项目提出新需求,要求商品品牌不但能选择,还要能够录入,而且录入的品牌名称必须是下拉列表框里面的相(由于商品品牌太多,不好选择,所以有此要求;在此将我的处理方法记录一下)。
按照我一贯的web开发风格,所有不直接操作数据库的事件,都尽可能由javascript来实现,所以这个需求我打算使用js来完成。
首先来分析一下具体情况:这个页面是一个更新页面,品牌有品牌1和品牌2两个字段,品牌2可以为空,品牌1不能为空,所以品牌2的下拉列表框比品牌1多一项;如果选择了品牌的前8相中的任意一项,“活跃状态”要隐藏,否则“活跃状态”默认显示状态为“潜在”;当查询的结果品牌1和品牌2有任意一项在品牌的前8相中,“活跃状态”也要隐藏,否则“活跃状态”默认显示状态为“潜在”。[/align]
页面部分内容
按照我一贯的web开发风格,所有不直接操作数据库的事件,都尽可能由javascript来实现,所以这个需求我打算使用js来完成。
首先来分析一下具体情况:这个页面是一个更新页面,品牌有品牌1和品牌2两个字段,品牌2可以为空,品牌1不能为空,所以品牌2的下拉列表框比品牌1多一项;如果选择了品牌的前8相中的任意一项,“活跃状态”要隐藏,否则“活跃状态”默认显示状态为“潜在”;当查询的结果品牌1和品牌2有任意一项在品牌的前8相中,“活跃状态”也要隐藏,否则“活跃状态”默认显示状态为“潜在”。[/align]
页面部分内容
function changebrand1(oTextbox) 2{ 3 var brandTag=document.getElementById("ddlistSecondConsumeBrand"); 4 var brand1=document.getElementById("txtbrand1"); 5 var brand2=document.getElementById("txtbrand2"); 6 var brandcolls=brandTag.options; 7 var textvalue=oTextbox.value; 8 var flag=0; 9 if(textvalue.length==0) 10 { 11 flag=1; 12 } 13 else if(textvalue.length>0) 14 { 15 for(var i=0;i<brandcolls.length;i++) 16 { 17 if(oTextbox==brand1 && brandcolls[i].text==textvalue) 18 { 19 document.getElementById("ddlistFirstConsumeBrand").options.selectedIndex=i-1; 20 flag=1; 21 ChangeBrand(document.getElementById("ddlistFirstConsumeBrand")); 22 } 23 else if(oTextbox==brand2 && brandcolls[i].text==textvalue) 24 { 25 brandTag.selectedIndex=i; 26 flag=1; 27 ChangeBrand(brandTag); 28 } 29 } 30 31 if(flag==0) 32 { 33 alert("输入品牌错误!"); 34 oTextbox.value=""; 35 oTextbox.focus(); 36 } 37 } 38} 39 40function ChangeBrand(me){ 41 var brand1ID = document.all.ddlistFirstConsumeBrand.value; 42 var brand2ID = document.all.ddlistSecondConsumeBrand.value; 43 var brandvalue1=document.getElementById("txtbrand1"); 44 var brandvalue2=document.getElementById("txtbrand2"); 45 if((brand1ID=="10")&&(brand2ID=="-1")) 46 { 47 document.all.ddlistMilkPeriod.value=9; 48 } 49 50 for(var i=0;i<document.getElementById("ddlistSecondConsumeBrand").options.length;i++) 51 { 52 if(document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 53 { 54 brandvalue1.value=document.getElementById("ddlistFirstConsumeBrand").options[i].text; 55 } 56 if(document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 57 { 58 brandvalue2.value=document.getElementById("ddlistSecondConsumeBrand").options[i].text; 59 } 60 61 if(i<8 && document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 62 { 63 document.all.dv1.style.display="block"; 64 document.all.dv2.style.display="none"; 65 document.all.dv3.style.display="none"; 66 document.getElementById("ddlistPotential").options[0].selected="selected"; 67 break; 68 } 69 else if(i>0 && i<9 && document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 70 { 71 document.all.dv1.style.display="block"; 72 document.all.dv2.style.display="none"; 73 document.all.dv3.style.display="none"; 74 document.getElementById("ddlistPotential").options[0].selected="selected"; 75 break; 76 } 77 else if(i>8) 78 { 79 document.all.dv1.style.display="none"; 80 document.all.dv2.style.display="block"; 81 document.all.dv3.style.display="block"; 82 document.getElementById("ddlistPotential").options[1].selected="selected"; 83 } 84 } 85}
相关文章推荐
- javascript 操作select下拉列表框的一点小经验
- javascript操作select下拉列表框的一点小经验
- javascript 操作select下拉列表框的一点小经验
- javascript对下拉列表框(select)的操作实例讲解
- javascript对下拉列表框(select)的操作实例讲解
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作实例讲解
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- 发布自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- 利用jquery操作select下拉列表框的代码
- 利用jquery操作select下拉列表框
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- jquery操作select下拉列表框
- 利用jquery操作select下拉列表框