質問: wordpressの問い合わせホームにて、セレクトボックスの値を変更すると、別のセレクトボックスの項目が自動で切り替わるjQueryプラグインを探しています。 下記ページのDependent Selectsというプラグインが、セレクトボックスの値を変更すると別のセレクトボックスが現れ、項目が自動で切り替えるものがいくつも作れると思ったのですが、 CDNに対応しておらず、サーバーからファイルを引っ張ってくる必要があります。 できれば、あまりサーバー内にファイルを置きたくないので、CDNを使用して引っ張ってこれるjqueryプラグイン をどなたか知らないでしょうか? こちらがやりたい事ができるプラグイン です。 https://fit-jp.com/selectbox-jq/ やりたいこととして 1 バス利用の有り、無しをselectboxで選択→有りの場合はバスルートとselectboxがあらわれる。無しの場合はバスルートのselectboxはあらわれない 2バス利用有りを選択した場合に次のバスルートを選択→1ルートの場合は1ルートのバス停の書いてあるselectboxがあらわれる。2ルートの場合は2ルートのバス停の書いてあるselectboxがあらわれる ↑↑↑ 2の部分は下記コードで作成してみたのですが、初めからバスルートと停留所2つのバスルートのselectboxがでたままになっています。 現在jqueryなしで作成したのですが、selectboxを2つまではわかったのですが3つ4つに増やすやり方が わからないのと、1つ目のselectboxを選択したら次のセレクトboxがでるみたいにしたいのですが そのやり方がわからずプラグインを使用しようと思っておりました 現在のコードは下記です ``` 選択してください 1ルート 2ルート 選択してください 3丁目交差点先 ポルシェ前 南郵便局前 サミット前 交差点手前 神社前 ``` ``` ```
回答: 要件が満たせているかわかりませんが、optionはshow/hideで制御すれば簡単だと思います。 ``` $('.form-control').change(function() { var val1 = $(this).val(); $('.children').prop('disabled', !val1); var options = $('.children > option'); options.hide() .filter('[value=""],[data-val="' + val1 + '"]').show() .filter(':first').prop('selected', true); }); ```