【FormBridge＆オートコンプリート機能】フォームブリッジのフィールド上で「オートコンプリート機能」を使用したい。

[Legacy_Account2195 (M.K（Legacy Account）)]

お世話になっております。JavaScript初心者です。

先日下記コードをjsの詳しい方に組んで頂いたのですが…。

FormBridgeにアップロードして動かすと「getElementById」がUndefinedとしてエラーが返ってきてしまいます。

調べると[fb.~]といった記載が必要になるようではあるのですが、どのようにして組み込めば良いのかわかりません。

（本コードを組んで頂いた方もFormBridgeのコードは未着手のため、こちらに質問させて頂いた次第です。）

 

▼Formbridge上で行いたいこと

「フィールドコード’eki-input’のフィールドに文字が入力されると

専用APIより情報を取得し、オートコンプリートで候補を表示させること」

 

▼下記コードで行いたいこと

「フィールドコード’eki-input’のフィールドに入力された文字を

APIリクエストすること」

 

質問内容が稚拙で大変恐縮では御座いますが

どなたかご確認、ご返信頂けますと幸いで御座います。

 

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

ーーーーーーーーーーー

const env = {  
apiKey: '●●●'  
}

window.addEventListener('load', () =\> {  
const target = document.getElementById('eki-input')  
target.addEventListener('input', (e) =\> ekiapi.get(env.apiKey, target, autocomplete.update))  
  

[Legacy_Account2195 (M.K（Legacy Account）)]

先日質問させて頂いた内容ですがプログラムがかけましたので念のため下記コード添付しておきます。

 

********************

fb.events.form.mounted = [function (state) {

constnum = 5;//

for(leti = 0; i < num; i++){

vartarget = fb.getElementByCode(‘dep’+i)

vargetChildren = (nodes) => {

for(constnodeofnodes.children){

if(node.tagName === ‘INPUT’){

node.id = ‘dep’+i

node.addEventListener(‘input’, (e) => {

ekiapi.get(process.env.ekiApiKey, node, autocompletize.update)

})

} else {

getChildren(node)

}}}

getChildren(target)

}

returnstate;

}];