私の普段の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">
位置: 絶対; 左: 0px;"
>
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="選択済み";
}
}
}
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31