javascript_form 특수 효과를 사용하여 선택 드롭다운 목록 상자를 작동하는 데 대한 약간의 경험-JS 튜토리얼-php.cn

저의 평소 웹 개발 스타일에 따르면 데이터베이스를 직접 운영하지 않는 모든 이벤트는 최대한 JavaScript로 구현하므로 이 요구 사항을 충족하기 위해 js를 사용할 계획입니다.
먼저 구체적인 상황을 분석해 보겠습니다. 이 페이지는 업데이트 페이지입니다. 브랜드에는 브랜드 1과 브랜드 2라는 두 개의 필드가 있습니다. 브랜드 2는 비워둘 수 있지만 브랜드 1은 비워둘 수 없으므로 드롭다운 목록 상자가 표시됩니다. 브랜드 2의 이미지는 브랜드 1의 이미지보다 작습니다. 브랜드의 처음 8개 이미지 중 하나를 선택하면 "활성 상태"가 숨겨지고, 그렇지 않으면 "활성 상태"의 기본 표시 상태가 "잠재"로 표시됩니다. "; 브랜드 1과 브랜드 2의 쿼리 결과에 하나라도 있는 경우 브랜드의 처음 8개 사진에서 '활성 상태'도 숨겨야 하며, 그렇지 않은 경우 '활성 상태'의 기본 표시 상태는 '잠재'입니다.
페이지 내용 일부

코드 복사 코드는 다음과 같습니다.

브랜드 1: < /div> 

 🎜> 
 
 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"> 
< /asp:DropDownList> 
 
 
 >TypeName="CRR.BusinessRules.OptionManager"> 
 DefaultValue="1" Name="언어ID" Type="Int32" /> 
 
 
  
TypeName="CRR.BusinessRules.OptionManager"> 🎜> 
 
 
 ; 
< ;/div> 



 
자바스크립트 코드




코드 복사


 코드는 다음과 같습니다.  
functionchangebrand1(oTextbox) 
{ 
varbrandTag=document.getElementById("ddlistSecondConsumeBrand"); 
varbrand1=document.getElementById("txtbrand1"); 
varbrand2=document.getElementById("txtbrand2"); 
varbrandcolls=brandTag.options; 
var textvalue=oTextbox.value; 
var 플래그=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; 
플래그=1; 
ChangeBrand(document.getElementById("ddlistFirstConsumeBrand")); 
} 
else if(oTextbox==brand2 && Brandcolls[i].text==textvalue) 
{ 
brandTag.selectedIndex=i; 
플래그=1; 
브랜드 변경(brandTag); 
} 
} 

if(flag==0) 
{ 
alert("输入 품牌错误!"); 
oTextbox.value=""; 
oTextbox.focus(); 
} 
} 
} 

function ChangeBrand(me){ 
varbrand1ID = document.all.ddlistFirstConsumeBrand.value; 
varbrand2ID = document.all.ddlistSecondConsumeBrand.value; 
varbrandvalue1=document.getElementById("txtbrand1"); 
varbrandvalue2=document.getElementById("txtbrand2"); 
if((brand1ID=="10")&&(brand2ID=="-1")) 
{ 
document.all.ddlistMilkPeriod.value=9; 
} 

for(var i=0;i{ 
if(document.getElementById("ddlistFirstConsumeBrand") ) == 나 && 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" ).옵션[i].text; 
} 

if(i<8 && document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 
{ 
document.all. dv1.style.display="차단"; 
document.all.dv2.style.display="없음"; 
document.all.dv3.style.display="없음"; 
document.getElementById("ddlistPotential").options[0].selected="selected"; 
휴식; 
} 
else if(i>0 && i<9 && document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 
{ 
문서. all.dv1.style.display="차단"; 
document.all.dv2.style.display="없음"; 
document.all.dv3.style.display="없음"; 
document.getElementById("ddlistPotential").options[0].selected="selected"; 
휴식; 
} 
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"; 
} 
} 
} 