ラジオボタンで選択後、ドロップダウンの選択絞り込み

区分選択のラジオボタンが、“特殊”,“標準”,"商品"とあります。
商品区分のドロップダウンは、“ACTS”,“ACSS”,“TGMEs”,“MDN”,“電源ターミナル”,"ガス発電"とあります。
やりたいことは、区分選択で、"特殊"を選んだら、商品区分は、"ACTS"と"ACSS"だけ選べる様にして、
区分選択で、"標準"を選んだら、商品区分は、"TGMEs"と"MDN"だけ選べる様にして、
区分選択で、"商品"を選んだら、商品区分は、"電源ターミナル"と"ガス発電"だけ選べる様にしたい。

次のコードでは動かない

(() => {
‘use strict’;

// レコード表示イベント
const showEvents = [‘app.record.create.show’, ‘app.record.edit.show’];

kintone.events.on(showEvents, (event) => {
const record = event.record;
updateDropdownOptions(record);
return event;
});

// レコードの値が変更されたときのイベント
const changeEvent = [
‘app.record.create.change.区分選択’,
‘app.record.edit.change.区分選択’
];

kintone.events.on(changeEvent, (event) => {
const record = event.record;
updateDropdownOptions(record);
return event;
});

// ドロップダウンオプションを更新する関数
function updateDropdownOptions(record) {
const productCategoryField = ‘商品区分’;
const dropdownFieldCode = ‘区分選択’;
const dropdown = record[productCategoryField];
const selectedCategory = record[dropdownFieldCode].value;
dropdown.options = ; // 商品区分の選択肢を初期化

// 区分選択の値に応じて商品区分の選択肢を設定
switch (selectedCategory) {
  case '特殊':
    dropdown.options.push({label: 'ACTS', value: 'ACTS'});
    dropdown.options.push({label: 'ACSS', value: 'ACSS'});
    break;
  case '標準':
    dropdown.options.push({label: 'TGMEs', value: 'TGMEs'});
    dropdown.options.push({label: 'MDN', value: 'MDN'});
    break;
  case '商品':
    dropdown.options.push({label: '電源ターミナル', value: '電源ターミナル'});
    dropdown.options.push({label: 'ガス発電', value: 'ガス発電'});
    break;
  default:
    // 初期状態で何も選択されていない場合や、予期しない値の場合
    break;
}

// 現在の選択値が新しい選択肢に含まれていない場合、選択をクリア
if (!dropdown.options.some(option => option.value === dropdown.value)) {
  dropdown.value = '';
}

}
})();

どなたかアドバイスの程、宜しくお願いいたします。

こんにちは。
イベントオブジェクトでドロップダウンフィールドの選択肢は変更できないです。

ドロップダウンの選択肢を動的に変更したい場合、以下いずれかの処理を
実装する必要があるかと思います。

  • DOM操作を利用して、ドロップダウンの選択肢を非表示する

  • kintone UI component を利用して、独自のドロップダウンを実装する

なお、DOM操作を利用する場合には、アップデートなどで要素の id や class が
変更になることがあるので、kintone UI Component を利用するのがいいかなと思います。

kintone UI Component で動的なドロップダウンを実装する方法については、
以下のページで紹介されているので、確認してみてください。

コメントありがとうございます。早速試してみます。

「いいね!」 1