選択肢が絞り込まれます。セレクト項目をドリルダウン表示させるため、「セレクト」項目を3つ準備します。HTMLの設定3つのセレクト項目は上から順に「階層」を定義します。階層毎に<select>タグのid属性に階層を指定します。連動させたいセレクト項目をグルーピングするため、class属性に「group1」をつけます。※統一されていれば「group1」以外の名称でも構いません。実際に今回のデモのHTMLを1階層目から順に見ていきます。(1)「会社」の<select>タグにid属性とclass属性を追記します。>C商事</option></select>(2)「部署」の<select>タグにid属性とclass属性を追記します。class="p3">海外支社</option></select>選択した「会社」によって、表示する「部署」を制御したいため、<option>タグのclass属性には「p+会社のvalue値」を指定します。(2)「役割」の<select>タグにid属性とclass属性を追記します。class="p8">ベトナム支社員</option></select>選択した「部署」によって、表示する「役割」を制御したいため、<option>タグのclass属性には「p+部署のvalue値」を指定します。jQueryの設定(1)今回はjQueryを利用するため、jQueryを読み込んでください。(2)フォームの</head>タグの上に以下のコードを貼り付けます。}})(jQuery);</script>以下の設定値は下記の通りです。HTMLの設定」で<select>タグにつけたclass属性を指定します。階層の数を指定します。未選択状態のセレクト項目の値を指定します。—–‘,以上で設定は完了です。今回は以下のページを参考にさせていただきました。【jQuery】連動プルダウン用プラグイン『jquery.tgHierSelect』をより簡単に設置できるようバージョンアップ複雑なJavaScriptを組むことなくドリルダウン表示を実装することができるので、お試しください。Chartsを利用してグラフ出力するフォーム作...記事を読む裏技☆メール配信で使える特殊な差替えキーワードデータベースに登録された情報を、Webページやメール文面などに表示することができる差替えキーワード。バージョンアップを行い、新機能2件のリリースおよび機能改善24件、不具合改修26件に対応しました...記事を読む複数のフィールドをひとつの項目として表示させる方法スパイラルのWebアプリ作成機能は、プログラミングの知識がなくても作成・デザイン設定が可能です。今回は「部署マスタDB」と「社員マスタDB」の2つのデータが連動するプルダウンを設...記事を読む複数ページにまたがるフォーム(ステップ登録)を作成するスパイラルで作成できるフォームは通常、入力ページは1つ(1ページ内に全ての項目を表示)ですが、以下のように複数のページに分けてステッ...記事を読む一部フォームを独自ドメインで運用する方法スパイラル®で発行したフォームは株式会社パイプドビッツの所有するドメインになります。予約受付フォームや会員登録フォーム等で登録完了後のサンキューページに会員IDを表示する方法について解説していきます。ディベロッパーズサイト|パイプドビッツ.。