javascript_form 特殊効果を使用した選択ドロップダウンリストボックスの操作に関する少しの経験-jsチュートリアル-php.cn

javascript_form 特殊効果を使用した選択ドロップダウンリストボックスの操作に関する少しの経験

WBOY

リリース： 2016-05-16 18:31:55

オリジナル

977 人が閲覧しました

私の普段のWeb開発スタイルでは、データベースを直接操作しないイベントは可能な限りJavaScriptで実装することになっているので、この要件を満たすためにjsを使用する予定です。
まず、特定の状況を分析しましょう。このページは更新ページです。ブランド 1 とブランド 2 の 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"> 
 
 
 
 >TypeName="CRR.BusinessRules.OptionManager"> 
 DefaultValue="1" Name="言語ID" Type="Int32" /> 
 SelectParameters> 
  
TypeName="CRR.BusinessRules.OptionManager"> 🎜> 
 

 ; 
< ;/div> 




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 フラグ = 0; 
if(textvalue.length==0) 
{ 
フラグ=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; 
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") ) == 私 && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 
{ 
brandvalue1.value=document.getElementById("ddlistFirstConsumeBrand").options[i].text; 
} 
if(document.getElementById("ddlistSecondConsumeBrand") == 私 && document.all.ddlistSecondConsumeBrand.selectedIndex==i) 
{ 
brandvalue2.value=document.getElementById("ddlistSecondConsumeBrand") ).options[i].text; 
} 

if(i<8 && document.getElementById("ddlistFirstConsumeBrand") == 私 && document.all.ddlistFirstConsumeBrand.selectedIndex==i) 
{ 
document.all. dv1.style.display="ブロック"; 
document.all.dv2.style.display="none"; 
document.all.dv3.style.display="none"; 
document.getElementById("ddlistPotential").options[0].selected="選択済み"; 
休憩; 
} 
else if(i>0 && i{ 
ドキュメント。 all.dv1.style.display="ブロック"; 
document.all.dv2.style.display="none"; 
document.all.dv3.style.display="none"; 
document.getElementById("ddlistPotential").options[0].selected="選択済み"; 
休憩; 
} 
else if(i>8) 
{ 
document.all.dv1.style.display="none"; 
document.all.dv2.style.display="ブロック"; 
document.all.dv3.style.display="ブロック"; 
document.getElementById("ddlistPotential").options[1].selected="選択済み"; 
} 
} 
} 