コンボボックスの選択をスクリプトで制御する

✔ 概要

コンボボックスの選択を JavaScript で制御する方法を説明します。
ここでは、フォームの表示時に JavaScript でコンボボックスの選択を初期選択項目以外に変更する方法を紹介します。

注意

本設定は、V5.2.0以降のフォームで利用可能です。
V5.2.0より前のバージョンで作られたフォーム、Liteフォームおよび旧バージョン形式のフォーム(JSP/PDF)では利用できません。

設定方法

オブジェクトの配置/設定

Formエディターを起動し、申請フォームにコンボボックスを配置し、プロパティに以下を設定します。
ここでは例として、オブジェクト名「ICOMBO000」とします。

  • [オプション]タブ

    項目名 書き出し値
    東京(初期選択のチェック) 1
    大阪 2
    北海道 3

アクションの設定

コンボボックスの選択を初期選択値から変更するスクリプトをページ表示時の JavaScript に設定します。

  • Formエディターのメニューバーで[オプション - アクション - ページ表示時のJavaScript登録]を選択します。

  • [ページ表示時のJavaScript編集]ダイアログに以下の JavaScript を記述します。

    // 以下の形式で記載します。
    // new iftc.cwf.api.FormObject( "コンボボックスのオブジェクト名" ).setSelected( "書き出し値" );
    new iftc.cwf.api.FormObject( "ICOMBO000" ).setSelected( "3" );
    

    注釈

    「ICOMBO000」や「3」の部分には、オブジェクトの配置/設定 で配置したオブジェクト名、書き出し値を記載してください。

  • 入力終了後、[OK]ボタンをクリックし[ページ表示時のJavaScriptの編集]ダイアログを閉じます。

    注釈

    ページ表示時の JavaScript の設定は 入力フォーム表示時にJavaScriptを設定する を参照ください。

フォームの保存、アップロード

Formエディターでフォームを保存し、フォームをサーバーにアップロードします。

動作確認

ワークフローシステムにログインし、申請フォームを表示します。
コンボボックスの初期表示値の「東京」ではなく「北海道」が選択されていることを確認します。