jsでフォームフォームセレクトクラスを使ってカスケードメニューエフェクトを実装する_基礎知識

使用例は次のとおりです。

コードをコピー コードは次のとおりです。

<フォーム名="form1" メソッド="POST" アクション="--WEBBOT-SELF--">

値="1"> 1
<オプション値="2">/オプション>
4



各オプションの値を次のように設定することをお勧めします。ユーザーがどこにいるかを示します。

JavaScript で document.getElementById("select1").value; または form1.select1.value; を使用して、選択された値を取得します。
onchange イベントを使用します。トリガー条件は、選択のオプション値が変更されることです。


カスケード メニューを使用する場合

2 つの選択を作成します。それらの ID はそれぞれ select1 と select2 です。 select1 のトリガー関数 JavaScript 関数 select1onchange() を作成します。この関数では、select1 の値を取得します。テーブルを検索して select2 の対応する値を取得し、select2 に対応するオプションを追加します。レベルコネクション効果。

コードをコピー コードは次のとおりです: 1

/option> value=" 3">3
/option>

変更時="select2onchange ()">

function t1onfocus()
{
document.getElementById("p1").innerHTML="フォーカスを取得";
function select1onchange()
{
var i;
for (i=10;i>=0;i--)
form1.select2.remove(i); var objOption;
for (i=0;i{
objOption=document.createElement("OPTION");
objOption.text=form1.select1.value* 10 i;
objOption.value=form1.select1.value*10 i;
form1.select2.options.add(objOption);
}
}
関数 select2onchange() >{
p1.innerHTML=form1.select2.value; //p1 はドキュメントの出力に使用されるカスタム項目です。
}