javascript操作selectプルダウンリストボックスのちょっとした経験

私の一貫しているweb開発スタイルによって、データベースを直接操作しないイベントは、できるだけjavascriptによって実現されます.だから、この需要はjsを使って完成するつもりです.
まず具体的な状況を分析します.このページは更新ページです.ブランドはブランド1とブランド2のフィールドがあります.ブランド2は空にできます.ブランド1は空にできないので、ブランド2のプルダウンリストボックスはブランド1より多いです.ブランドの前8相のいずれかを選択した場合、「アクティブ状態」は非表示になります.そうでないと、「アクティブ状態」はデフォルトで「潜在的」に表示されます.お問い合わせの結果、ブランド1とブランド2のいずれかがブランドのベスト8の中にあります.「アクティブ状態」も隠します.そうでないと、「アクティブ状態」はデフォルトで「潜在的」と表示されます.
ページの内容

 
  
 
  
  1：
 
  
 
  
 
  
 
  
 
  
DataTextField="OptionText" DataValueField="optionValue" DataSourceID="ObjectDataSource11" 
  
Style="width: 188px; margin-left: -170px"> 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
    2：
 
  
 
  
 
  
 
  
 
  
DataTextField="OptionText" DataValueField="optionValue" DataSourceID="ObjectDataSource12" 
  
Style="width: 188px; margin-left: -170px"> 
  
 
  
 
  
 
  
 
  
 
  
 
  
TypeName="CRR.BusinessRules.OptionManager"> 
  
 
  
 
  
 
  
 
  
 
  
TypeName="CRR.BusinessRules.OptionManager"> 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 

javascriptコード

 
  
function changebrand1(oTextbox) 
  
{ 
  
var brandTag=document.getElementById("ddlistSecondConsumeBrand"); 
  
var brand1=document.getElementById("txtbrand1"); 
  
var brand2=document.getElementById("txtbrand2"); 
  
var brandcolls=brandTag.options; 
  
var textvalue=oTextbox.value; 
  
var flag=0; 
  
if(textvalue.length==0) 
  
{ 
  
flag=1; 
  
} 
  
else if(textvalue.length>0) 
  
{ 
  
for(var i=0;i{ 
  
if(oTextbox==brand1 && brandcolls[i].text==textvalue) 
  
{ 
  
document.getElementById("ddlistFirstConsumeBrand").options.selectedIndex=i-1; 
  
flag=1; 
  
ChangeBrand(document.getElementById("ddlistFirstConsumeBrand")); 
  
} 
  
else if(oTextbox==brand2 && brandcolls[i].text==textvalue) 
  
{ 
  
brandTag.selectedIndex=i; 
  
flag=1; 
  
ChangeBrand(brandTag); 
  
} 
  
} 
  
 
  
if(flag==0) 
  
{ 
  
alert("      ！"); 
  
oTextbox.value=""; 
  
oTextbox.focus(); 
  
} 
  
} 
  
} 
  
 
  
function ChangeBrand(me){ 
  
var brand1ID = document.all.ddlistFirstConsumeBrand.value; 
  
var brand2ID = document.all.ddlistSecondConsumeBrand.value; 
  
var brandvalue1=document.getElementById("txtbrand1"); 
  
var brandvalue2=document.getElementById("txtbrand2"); 
  
if((brand1ID=="10")&&(brand2ID=="-1")) 
  
{ 
  
document.all.ddlistMilkPeriod.value=9; 
  
} 
  
 
  
for(var i=0;i{ 
  
if(document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 
  
{ 
  
brandvalue1.value=document.getElementById("ddlistFirstConsumeBrand").options[i].text; 
  
} 
  
if(document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 
  
{ 
  
brandvalue2.value=document.getElementById("ddlistSecondConsumeBrand").options[i].text; 
  
} 
  
 
  
if(i<8 && document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 
  
{ 
  
document.all.dv1.style.display="block"; 
  
document.all.dv2.style.display="none"; 
  
document.all.dv3.style.display="none"; 
  
document.getElementById("ddlistPotential").options[0].selected="selected"; 
  
break; 
  
} 
  
else if(i>0 && i<9 && document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 
  
{ 
  
document.all.dv1.style.display="block"; 
  
document.all.dv2.style.display="none"; 
  
document.all.dv3.style.display="none"; 
  
document.getElementById("ddlistPotential").options[0].selected="selected"; 
  
break; 
  
} 
  
else if(i>8) 
  
{ 
  
document.all.dv1.style.display="none"; 
  
document.all.dv2.style.display="block"; 
  
document.all.dv3.style.display="block"; 
  
document.getElementById("ddlistPotential").options[1].selected="selected"; 
  
} 
  
} 
  
}