javascript TEXTのchangeイベントを連鎖させたい

Question

前提・実現したいこと

javascriptでchengeイベントを
ドロップダウン項目 → TEXT1 → TEXT2　の順番で連続で発動させたい。

発生している問題・エラーメッセージ

現在ドロップダウンメニューにて項目を選択
→TEXT１に自動入力というところまでできているのですが、
chengeイベントなどを使ってさらにTEXT1の値に応じたTEXT2の自動入力を行おうとしているのですが反応しない状況で書き方が間違っているのか？そもそもそんなことはできないのか？がわからない状況です。

(TEXT1を手動で入れたときはTEXT2の値は入りました)

該当のソースコード

//ドロップダウンの値が変わった時にTEXT1を入力する
function changePulldown(){

    var test = document.getElementById('t_name').value;
    console.log(test);
    console.log(json_obj[test]);
    const c_name = document.querySelector('#text_c');
    c_name.setAttribute('value',json_obj[test]);
}

//TEXT1が変わったとき、TEXT2を入力する
const element = document.querySelector('#text_c');
console.log(element);
element.addEventListener('change', handleChange);

function handleChange(event) {
    var test = document.getElementById('text_c').value;
    console.log(test);
    console.log(json_obj2[test]);
    const m_name = document.querySelector('#text_m');
    m_name.setAttribute('value',json_obj2[test]);
}

試したこと

ネットで検索するも微妙に違う内容、「複数個」発動させるなどという情報が上がりました。
(複数個ではなく、TEXT1でmap {text1 : text2}のようなドロップダウン時には取得できない情報がTEXT2に入るので連鎖をさせたいです。)

このような連続発火処理というものはできるのでしょうか？
詳しい方いらっしゃいましたらご教示ください。

よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

複数の要因で提示されたコードは期待どおりには動きません。

#text_c が <input type="text"> などのテキストフィールドだと仮定すると、

    const c_name = document.querySelector('#text_c');
    c_name.setAttribute('value',json_obj[test]);

• setAttribute('value', ...) は、初期値を変える意味になります。値が編集済みの場合は値が変更されません。c_name.value = json_obj[test]; の方が確実でしょう。
• change イベントは、値の変更時には発生しません。値を変更した後にフォーカスが外れたときに発生するものです。
• いずれにしても、JavaScript から値を変更した場合は change イベントは発生しません。

期待通りにするためには、

    c_name.value = json_obj[test];
    handleChange();

もしくは

    c_name.value = json_obj[test];
    c_name.dispatchEvent(new Event('change'));

などとします。

Comments

[ataru2222]

できました！！
難しく考えすぎて、

c_name.value = json_obj[test];
のような直接値を書き換えてしまう方法もできること知りませんでした(笑)

まだまだなので、これからも勉強し続けていきます。
本当にありがとうございました。