選択された内容によって入力項目の色を変える
回答
スクリプトを使用してください。
概要
スクリプトを使用すると、分類項目で選択した内容に応じて、入力項目の色を変更できます。
操作手順
- 「記録テーブル」を作成してください。
- 「テーブルの管理」画面で「分類A」「数値A」「数値B」を有効化してください。
-
スクリプトを「新規作成」し、以下のサンプルコードを入力してください。
「出力先」には「新規作成」と「編集」選択してください。
| 出力先は「新規作成」と「編集」 |
|---|
| $(document).on(
'change',
'#' + $p.getControl('ClassA')[0].id,
function () {
const myClassA = $p.getControl('ClassA').val();
const myCssBlue = {
'borderColor': 'blue',
'background': '#f0f8ff'
};
const myCssDefault = {
'borderColor': '#c0c0c0',
'background': 'white'
};
switch (myClassA) {
case 'A':
// 数値Aに対する処理
$p.getControl('NumA').css(myCssBlue);
// 数値Bに対する処理
$p.getControl('NumB').css(myCssDefault);
break;
case 'B':
// 数値Bに対する処理
$p.getControl('NumB').css(myCssBlue);
// 数値Aに対する処理
$p.getControl('NumA').css(myCssDefault);
break;
default:
// 数値Aに対する処理
$p.getControl('NumA').css(myCssDefault);
// 数値Bに対する処理
$p.getControl('NumB').css(myCssDefault);
break;
}
}
);
|
-
コマンドボタンエリアの「更新」ボタンをクリックしてください。
実行結果
分類Aの選択により、数値Aと数値Bの色が以下のように変わります。
関連情報
