2

プライマリでの選択に応じてオプションを制限する必要があるいくつかの選択ボックスを作成しています。

基本的に私は持っSelect field 1ていSelect field 2ます。

これらの選択ボックスのデータは、データベースから解析されます。

フィールド1を選択します。

errortype_id | errortype_text

フィールド2を選択します。

errorreason_id | errortype_id | errorreason_text

Select field 2で行われた選択に応じてオプションデータをカスタマイズできる簡単な方法はありますSelect field 1か？Select field 2テーブルにフィルタリングする変数/属性があります。

ここに画像の説明を入力してください

4

1 に答える 1

1

この質問を参照してください。基本的に、変更イベントを追加してチェックする必要があります$(this).val()。そこから、オプション要素を作成し、それらをhtmlとして選択ボックス2に追加するだけです。

$('#select1').change(function() {
    var options = '';
    if($(this).val() == 'a') {
        options = '<option value="1">1</option><option value="2">2</option>';
    }
    else if ($(this).val() == 'b'){
        options = '<option value="3">3</option><option value="4">4</option>';
    }

    $('#select2').html(options);
});

編集：実際に値をフィルタリングするのか、値を削除するのか、または必要な数だけ追加するのかがわかりませんでした。本当に要素を除外したい場合は、私の変更イベントを使用して、それを.filter（）と組み合わせることができます。

于 2012-07-03T20:06:23.193 に答える