新規投稿
フォローする

フォームブリッジ Kviewerルックアップ ボタンで入力値を表示

背景・実現したいこと

Kviewerルックアップを使用して、フォームブリッジから検索したレコードのみを表示させるというフォームを作成しています。 検索してKviewerルックアップでレコードを取得後、フォーム内にボタンを設置し、クリックしたら同じフォーム内のフィールドに入力されているURLにリンクしたいと考えています。ボタンクリックとリンク表示が繋がらず、どうしたら良いかわかりません。初心者で申し訳ありませんが、教えていただけると幸いです。

エラー情報(開発者ツールのコンソール)

Uncaught TypeError: checkbutton.getElementsByTagName(...)[0] is undefined

利用したソースコード

(function() {
    "use strict";
   
     $(document).ready(function() {
      $("#button").click(function() {
           var checkbutton = fb.getElementByCode('check_box');
           checkbutton.getElementsByTagName('checkbox')[0].value = 1;
      });
     });
   
     fb.events.form.mounted.push(function(state){
      fb.getElementByCode('label').innerHTML = '<button id="button">PopUp</button>';
      return state;
     });

   
    fb.events.fields.check_box.changed.push(function (state) {
        const phone_num = state.record['driver_phone'].value;
        location.href(phone_num);
        return state;
      });
    })();
0

2件のコメント

Avatar
koichi

Teckwahさん

こんにちは。

 

意図されていることと違っているかもしれませんが

ボタンをクリックしたら、リンクを開くということであれば以下のように書けます。

addEventListenerでクリックイベントを定義することができます。

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

const button = document.createElement('button');
button.textContent = 'リンクを開く'
button.addEventListener('click', function() {
location.href = 'https://www.google.com/';
});

fb.getElementByCode('label').appendChild(button);

}];
0
Avatar
Teckwah

koichiさま

お世話になっております。

早速ご教示いただきありがとうございます。

ボタン作成も色々な方法があるのですね。

やりたいこととは若干異なりますが、勉強になりました。

もう少しJavascriptがわかるようになったら、再挑戦してみます!

 

1
サインインしてコメントを残してください。